New snippet Fancy-Box

[albatros]

Yes is the better way to put the css in the head.

Yes. Maybe a frontend.css like in news and form would easier for unexperienced users.

But I also changed the syntax of the calls for the js-files.

Best regards

Uwe

[Luisehahne]

Yes is the better way to put the css in the head. i do it with the jquery insert plugin on the fly, only if needed.

Dietmar

[albatros]

Ah ok, now I understand. But even then you would probably have less faults with my changes. Don`t you think so?

Best Regards

Uwe

[Luisehahne]

Yes, i'm a fan for valide code, your side is valide. But if want to open a video, e.g. from youtube with fancybox, then most it is included with object and embed tags. And embed don't exists in xhtml

Dietmar

[albatros]

Hi Dietmar,

could you please explain it a little bit more detailled because I dont understand?
The site I am using the patched version of FB 0.4 is http://www.willingen-ferienhaus.com/

Thanks in advance!

Best Regards

Uwe

[Luisehahne]

Hi Uwe,

I only have problems with embed code and valide xhtml, if i use object its not shown in each browser.

Dietmar

[albatros]

Hi Dietmar, hi Erpe,

on a later version I made some small changes to get valid code using fancybox https://forum.WebsiteBaker.org/index.php/topic,11327.msg68099.html#msg68099. Nobody reacted, except Vyni, so maybe i am totally wrong. I have to say, that I am no real coder.

Now I used Fancybox 0.4 and I also didn't get valid code this time. With these changes it is valid:

1. I put this into the the head of index.php of my template instead of the include.php of fancybox

Code Select Expand

<link href="<?php echo WB_URL; ?>/modules/fancy_box/screen.css" type="text/css" rel="stylesheet" media="screen" />

2. I changed include.php to

Code Select Expand

<?php
$debug = false;
if (true == $debug ) {
    ini_set('display_errors', 1);
    error_reporting(E_ALL);
}
if (!function_exists("use_fancy_box") ) {
    function use_fancy_box() {
    ?>
   <script language="JavaScript" type="text/javascript" src="<?php echo WB_URL; ?>/include/jquery/jquery-min.js"></script>
   <script language="JavaScript" type="text/javascript" src="<?php echo WB_URL; ?>/include/jquery/plugins/jquery-fancybox.js"></script>
   <script language="JavaScript" type="text/javascript" src="<?php echo WB_URL; ?>/include/jquery/plugins/jquery-pngFix.js"></script>
   
   
   <script language="JavaScript" type="text/javascript">
   $(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 });
   });
   </script>
   <?php
    }
}
?>

What's your opinion about that?

Best regards

Uwe

[erpe0812]

But 2.7 has no include/jquery directory.........................

[Luisehahne]

Oh yes i know, i only develope under 2.8 and will be tested too under 2.7

Dietmar

[erpe0812]

But remember:
2.8. is the current version..............

rgds

erpe

[Luisehahne]

If the snippet and modules are developed well, then there are no problems. For me it is not theme to discuss it.

I want the best for WebsiteBaker. There were bugfixes and so i replace it.

I started a new fancybox snippet, think tomorrow it will be finish. I look in the old functionname to set it equal, so that nobody has problems. But now the snippet will work with frontend.css for your own styles and frontend.js. If to set the JS before bodyend, then rename frontend.js to frontend_body.js

If there are problems i will be going to help. I know, for most people there are missunderstandings to work with jquery framework.

Dietmar

[erpe0812]

@erpe: on your page only works youtube-link, but it dont play...

I simply replaced the fancybox js with the new one.

That is not the way updates can be made, Dietmar (from my point of view).

We should talk about this.........

rgds

erpe

[Luisehahne]

This are the changes for the new fancybox

    *  Changed grouping, from now groups will be created using "rel" tag (as in first version)
    * Content now is also iframed when anchor has class "iframe"
    * New callback "callbackOnShow" - fired after content is shown
    * New option "padding" - sets nice padding around content
    * Added fix as reported on this post
    * Fixed bug - added missing unbind actions
    * + Some minor CSS and code changes

I think i will be going to develop a new fancaboxmodul, to use all possibilities that are in WB

Dietmar

[dbs]

@dietmar:

wtf is a nighly build and where is it to find?
u make nightshifts for wb? 

dbs

[Luisehahne]

@dbs

on your page only works youtube-link, but it dont play...

i think there is a wrong usage and implatations

Dietmar

[Luisehahne]

It's normaly that old files will be going updated to the newst one, if there are extended and added options. If you have problems zip the fancybox folder, send it here and i will be going to help you.

Dietmar

[dbs]

@erpe: on your page only works youtube-link, but it dont play...

[erpe0812]

Then take the old one in the fancy module folder

That was why I reworked the module.
Don't want to have the same file twice on different places.

Who decides if a file will be updated or not?

Why is this new js-file needed?

erpe

[Luisehahne]

Hi Erpe,

what do you have for problems, looks good on your side

here is the expample side from the author

http://fancybox.net/example

Dietmar

[Luisehahne]

Then take the old one in the fancy module folder

Dietmar

[erpe0812]

On the first look the fancybox doesn't seem to work with the same style as the existing one.
And classes must be modified................
http://www.rvb.bplaced.net/pages/fancy.php

I like the fancybox style as it was.

Why was this updated?

Is it possible to let the old one stay too?

rgds

erpe

[Luisehahne]

Hi,

in the nigthly build Changeset 1164 is a new Version of Fancybox, updated from 1.0 to 1.2.1

Dietmar

[Argos]

Nice one, erpe!

[erpe0812]

Hi

I reworked the fancy_box to fit the needs of 2.8.
Box now uses the jquery from include_directory and I did some changes on the css file.
This release now needs wb 2.8 as a minimum requirement.

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

The new release and the last for 2.7 can be downloaded on AMASP.

Instead of a code page (for the box php call) you can use a droplet:

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

[reddi]

i changed the include.php of fancy_box_0.3b. the include is now valid to w3c. have fun. i named it to fancy_box_0.3c.

greets from germany

[gelöscht durch Administrator]