New snippet Fancy-Box

[dbs]

am besten du lässt fancybox weg und nimmst die colorbox aus dem link
und besser du kommst rüber in den deutschen teil des forums.

sorry for so much german here...

dbs

[dbs]

das ist so eine sache, wenn wb seine templates nicht jquery-ready ausliefert.
im head(vor </head>) muss das stehen was du auf dieser seite unter einbindung jquery siehst.
im body brauchst du dann jquery nicht nochmal aufrufen.
http://www.WebsiteBaker.net/pages/topics/die-colorbox-als-modul-snippet.php

[hamburg-support]

Vielen Dank für deine Antwort dbs,

ich habe jetzt das standard template "Round" genommen und die Facybox mit

Code Select Expand

<?php use_fancy_box(); ?> in der index.php eingebunden.

Die Faccybox wird so aufgerufen

Code Select Expand

<a href="[wblink40]" class="video_fb" rel="fancybox" ><img hspace="9" height="61" width="111" vspace="8" alt="" src="http://www.fritz-bicker.de/wb/media/Broschueren/intro/3.png" /></a>

und das wäre die Seite (Smmoth Gallery) die darin gezeigt werden soll. http://www.fritz-bicker.de/wb/gallery/broschueren/alfa.php

Öffnet sich aber leider im neuen Fenster bzw. funktioniert dies nicht.

Ich hoffe Sie können mir helfen.

Schöne Grüße und vielen Dank schon mal.

David

[dbs]

da dein template anders aufgebaut ist als wb-templates sein sollten, such mal nach jquery einbinden und lies mal hier:
http://www.websitebakers.de/tutorials/topics/einbindung-der-fancybox.php

[hamburg-support]

Thank you, but its still the same problem. 

[dbs]

jquery-min.js + jquery-fancybox.js are 2x loaded...

[hamburg-support]

Hello,

i am trying to put the smooth gallery in the FancyBox, but the hole Fancybox is not working.

The website is http://www.fritz-bicker.de/wb/gallery/broschueren.php and click on the first picture to see it.

I already put the <?php use_fancy_box(); ?> in the index.php and i use the blanc css template for the smmoth gallery.

I hope anyone got an idea to get it working.

Thank you in advance.

David

[maverik]

Galleries are created from found anchors who have the same "rel" tags

http://fancybox.net/howto

[masarin]

Is there a link to the site?

rgds

erpe

Heres a test page with two pictures.
http://hoppsaweb.se/enovx/pages/se/test.php
I want to be able to open one of them and then click on a link (arrow) in the open picture to get to the second one.
Just like in this page:
http://www.berann.at/cms/kunst/malerei.html

/masarin

[erpe0812]

Is there a link to the site?

rgds

erpe

[masarin]

Code Select Expand

<a href="image5.jpg" rel="fancybox" class="pic1_fb"><img border="0" src="thumb5.jpg" alt="" /></a>

thats the right way

when i add rel="fancybox" to a link FancyBox stops working.


/masarin

Code Select Expand

<a href="lift700.jpg" rel="fancybox" class="pic1_fb"> <img height="37" width="50" src="lift50.jpg" alt="" /></a> <a href="berg.jpg" rel="fancybox" class="pic1_fb"><img height="37" width="50" src="lift50.jpg" alt="" /></a>

[maverik]

Code Select Expand

<a href="image5.jpg" rel="fancybox" class="pic1_fb"><img border="0" src="thumb5.jpg" alt="" /></a>

thats the right way

[masarin]

hi, your pics have class?
they need rel="fancybox" too.

dbs

When I add the rel="fancybox" to the link fancybox is not engaged and the picture opens without a fancybox window.

Code Select Expand


<div><a href="lift.jpg" class="pic_fb" rel="fancybox"> pic1 </a>   
<a href="berg.jpg" class="pic_fb" rel="fancybox"> pic2 </a></div>


[dbs]

hi, your pics have class?
they need rel="fancybox" too.

dbs

[masarin]

How can I get the arrows to work like in the "Image Gallery" example
http://fancybox.net/example
so that I can move on to the next picture directly without having to close the current one first.


/masarin

[erpe0812]

Cannot confirm this.
Please see validation links on this page:
http://www.rvb.bplaced.net/pages/fancy-valid.php

rgds

erpe

[noname8]

There is some bug / not valid xhtml that seems to show in google chrome

Code Select Expand


<script type=javascript />

should read:

Code Select Expand


<script type="javascript" >

or perhaps this is enough:

Code Select Expand


<script type=javascript>


[Luisehahne]

But not everybody wants every script on every page

Whats with fancybox as pagemodul, in meantime i write a german help file, later translate in english

@demo
http://WebsiteBaker.wdsnet.de/wb/pages/de/jquery/fancybox.php

Dietmar

[erpe0812]

But not everybody wants every script on every page................

rgds

erpe

[maverik]

maybe someone can translate 

da ich jquery ja eh global verwenden will, "war das nicht so gedacht mit 2.8?"  , zb mit corner, ist es so doch einfacher mit einem eintrag in die head. kann jetzt  auf jeder seite jedes thumb mit der class belegen ohne das droplet einfügen zu müssen.

[erpe0812]

It is similar to what I did in the fancybox 0.41.

But you don't need to put code in the head of your template.

rgds


erpe

[maverik]

my solution

fancybox v0.40 installed

header

Code Select Expand

<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/css/style.css" media="screen,projection" />
        <link rel="stylesheet" type="text/css" href="<?php echo WB_URL; ?>include/jquery/plugins/jquery-ui.css" media="screen,projection" />
        <script language="JavaScript" type="text/javascript">
         var URL = '<?php echo WB_URL ?>';
        </script>
        <script type="text/javascript" src="<?php echo WB_URL;?>/include/jquery/jquery-min.js"></script>
        <script type="text/javascript" src="<?php echo WB_URL;?>/include/jquery/jquery-ui-min.js"></script>
        <script type="text/javascript" src="<?php echo WB_URL;?>/include/jquery/jquery-insert.js"></script>
        <script type="text/javascript" src="<?php echo WB_URL;?>/include/jquery/plugins/jquery-corner.js"></script>
        <script type="text/javascript" src="<?php echo WB_URL;?>/include/jquery/plugins/jquery-fancybox.js"></script>
        <script type="text/javascript" src="<?php echo WB_URL;?>/include/jquery/plugins/jquery-pngFix.js"></script>
        <?php
    // automatically include optional WB module files (frontend.css, frontend.js)
    if (function_exists('register_frontend_modfiles')) {
        register_frontend_modfiles('css');
        register_frontend_modfiles('js');
    } ?>

sreen.css renamed in frontend css and made a frontend js

Code Select Expand


   $(document).ready(function() { $("a.fb").fancybox();
   $("a.page_fb").fancybox({ 'hideOnContentClick': false,
                           'zoomSpeedIn':0,
                               'zoomSpeedOut':300 });
   $("a.pic_fb").fancybox({ 'hideOnContentClick': true });
   $("a.pic1_fb").fancybox({ 'hideOnContentClick': true,
                           'overlayShow': true,
                           'frameWidth': 800,
                              'frameHeight': 600 });
   $("a.video_fb").fancybox({ 'overlayShow': true,
                              'frameWidth': 425,
                              'frameHeight': 355 });
   $("div#use_fb a").fancybox({ 'hideOnContentClick': true,
                           'overlayShow': true,
                           'frameWidth': 700,
                              'frameHeight': 600 });
   });



thats valid and works wonderfull

http://template.developer-base.de/pages/start/fancybox-valide.php

[erpe0812]

Hi

I uploaded new (valid) release 0.41 to AMASP

A small tutorial is posted here:
https://forum.websitebaker.org/index.php/topic,11327.msg67934.html#msg67934

Validation can be seen here:
http://www.rvb.bplaced.net/pages/fancy-valid.php

Please keep in mind that you can use this droplet to call fancybox:

Code Select Expand


ob_start();
   use_fancy_box();
   $fancy_content = ob_get_contents();
ob_end_clean();

return $fancy_content;


and call it with

[[fancybox]]

It will not be available on the official library because it is a function call that needs the snippet fancybox.

rgds

erpe

[erpe0812]

@albatros

if the 0.3c release gives valid code the only reason for this can be the implementing of the css file.
I personally don't like to load css files in the head if they are only needed for special modules.

Please check if the 0.3c release is valid.
If yes I will modify the fancybox 0.40 with this kind of implementing css.

Thanks for your information.

rgds

erpe

[Luisehahne]

Yes the include folder is ok, i see it. You only must be check, that jquery.js is not loaded twice.

Dietmar