Author Topic: Bakery Lightbox2 and IE9 problem (Read 21660 times)

zirzy · « **on:** May 09, 2011, 10:05:08 AM »

Hi,

I just updated my IE8 to IE9.. Everything seems to work ok on my site but Bakery Lightbox2 works wierdly. What can I do to make it work correctly again (on IE9)?

Visit my site:
http://www.kiviriihi.fi/pages/fi/kauppa/sisustus--ja-pinnoitekivet.php

zirzy · « **Reply #1 on:** May 13, 2011, 09:50:38 AM »

I wanna add some info..

Picturebox module is installed in the site and it uses lihgtbox too.. So question is how it is working on IE9 but Bakerys Lightbox does´nt? And all other sites what I have done with WB and WB Image Galleries (included lightbox) works great on IE9..

description:
When I click image in the gallery it does´nt use lightbox, only comes bigger image without effect. BUT when I click somewhere else (not image) bockgroud goes black

And same goes if I click some other link (in side shop pages but not in "normal" pages) for example to different category. Strange isn´t it

Yes, I´m a coder but I don´t understand JS so much that I solve this porblem

If someone can "give" me few lines of code that I can even try to solve this thing

Thanks!

-zirzy-

Bug · « **Reply #2 on:** May 13, 2011, 06:57:55 PM »

Have you tried removing the lightbox code from the oview overview and or view item and add a section with the lightboxmodule and leave it empty...

I did that once to make lightbox work when i added lightbox rel to a link in the ckeditor

zirzy · « **Reply #3 on:** May 16, 2011, 12:37:37 PM »

Hi,

Do you mean view_overview.php and view_item.php? I don´t exactly understand what you mean (my bad english).. It would be nice if you can show me code example so I understand bit more what you mean. Have you tested it with IE9?

Thanks!

-zirzy-

zirzy · « **Reply #4 on:** May 16, 2011, 03:26:53 PM »

Quote from: zirzy on May 16, 2011, 12:37:37 PM

Hi,

Do you mean view_overview.php and view_item.php? I don´t exactly understand what you mean (my bad english).. It would be nice if you can show me code example so I understand bit more what you mean. Have you tested it with IE9?

Thanks!

-zirzy-

Like I was wondering problem is in JS files.. I took JS files from FancyBraxBox-module and Lightbox effect seems to work fine but it does´nt find closelabel.gif and loading.gif files.. I tryed to change image paths from lightbox.js file but it don´t find those image files.

So if someone can help me with JS it would be nice

-zirzy-

Bug · « **Reply #5 on:** May 16, 2011, 06:45:12 PM »

Look into the sourcecode where the source thinks the closelabel etc is, and just place the images there...

If the sourcecode thinks that the images are in http://www.website/pages/images just place a folder calles images inside the pages folder and put the needed images in there

zirzy · « **Reply #6 on:** May 16, 2011, 10:25:08 PM »

Yes I did that but it didn´t work.. Then I took these two lines from that lightbox.js file:

var fileLoadingImage = "<?php echo WB_URL; ?>/modules/bakery/lightbox2/images/loading.gif";
var fileBottomNavCloseI mage = "<?php echo WB_URL; ?>/modules/bakery/lightbox2/images/closelabel.gif";

..and but it on view_item.php and view_overview.php above the line:

// Lightbox2 configuration

..so now it seems to work nicely

Donno if its correct but it works

-zirzy-

Bug · « **Reply #7 on:** May 16, 2011, 11:22:30 PM »

Nice to hear it works

Argos · « **Reply #8 on:** July 04, 2011, 06:28:25 PM »

Bakery has a very old version lightbox that is not IE9 compatible. Get the latest one from http://lokeshdhakar.com/projects/lightbox2/

zirzy · « **Reply #9 on:** July 18, 2011, 07:54:25 PM »

Thanks Argos!

sajiddesigner · « **Reply #10 on:** January 02, 2013, 06:55:44 PM »

Can any Body please tell me how can i update bakery lightbox..
I am also having issues with Light box in IE9 and IE 10.

zirzy · « **Reply #11 on:** January 03, 2013, 08:58:16 AM »

Quote from: sajiddesigner on January 02, 2013, 06:55:44 PM

Can any Body please tell me how can i update bakery lightbox..
I am also having issues with Light box in IE9 and IE 10.

Hi,

Just replace js-files from bakery/lightbox2 folder.

sajiddesigner · « **Reply #12 on:** January 03, 2013, 09:16:49 AM »

I try to replace files but it does'nt worked...

I replaced.. lightbox.js only.. I have download lightbox 2.51 from http://lokeshdhakar.com/projects/lightbox2/

zirzy · « **Reply #13 on:** January 03, 2013, 09:26:20 AM »

Quote from: sajiddesigner on January 03, 2013, 09:16:49 AM

I try to replace files but it does'nt worked...

I replaced.. lightbox.js only.. I have download lightbox 2.51 from http://lokeshdhakar.com/projects/lightbox2/

Try to replace all of them. It worked for me..

sajiddesigner · « **Reply #14 on:** January 03, 2013, 09:41:09 AM »

Thanks for your reply. But

Directory modules/bakery/lightbox2/js

is having following files listed in it :
    builder.js
    effects.js
    index.php
    lightbox.js
    prototype.js
    scriptaculous.js

Where as the Zip file i download is having following files in js folder
jquery.smooth-scroll.min.js
jquery-1.7.2.min.js
jquery-ui-1.8.18.custom.min.js
lightbox.js

Now please tell me which one should i rename and replace with..

zirzy · « **Reply #15 on:** January 03, 2013, 09:50:13 AM »

Quote from: sajiddesigner on January 03, 2013, 09:41:09 AM

Thanks for your reply. But

Directory modules/bakery/lightbox2/js

is having following files listed in it :
    builder.js
    effects.js
    index.php
    lightbox.js
    prototype.js
    scriptaculous.js

Where as the Zip file i download is having following files in js folder
jquery.smooth-scroll.min.js
jquery-1.7.2.min.js
jquery-ui-1.8.18.custom.min.js
lightbox.js

Now please tell me which one should i rename and replace with..

I see.. I use little bit older lightbox2 version (2.05) which works fine and lightbox2.zip file includes:

builder.js
effects.js
lightbox.js
prototype.js
scriptaculous.js

zirzy · « **Reply #16 on:** January 03, 2013, 10:02:53 AM »

Quote from: sajiddesigner on January 03, 2013, 09:41:09 AM

Thanks for your reply. But

Directory modules/bakery/lightbox2/js

is having following files listed in it :
    builder.js
    effects.js
    index.php
    lightbox.js
    prototype.js
    scriptaculous.js

Where as the Zip file i download is having following files in js folder
jquery.smooth-scroll.min.js
jquery-1.7.2.min.js
jquery-ui-1.8.18.custom.min.js
lightbox.js

Now please tell me which one should i rename and replace with..

You can try to change from wiew_item.php file starting from row 44 js-scripts responding to new js-files

Donno if this works but I assume it works.

sajiddesigner · « **Reply #17 on:** January 03, 2013, 10:06:32 AM »

Ok.. Zirizy... Many thanks for your help ..
I appreciate it and i will try to find Lightbox2.5 and then replace files or will edit frontend files..

sajiddesigner · « **Reply #18 on:** January 03, 2013, 10:44:51 AM »

Zirzy Thank.. it worked but now issue is that overlay is not moving up or down with page when it is scrolled. you can check this at http://everyday-heroes.co/bakery/test2-4.php

zirzy · « **Reply #19 on:** January 03, 2013, 11:56:55 AM »

Donno if this is the case and correct way to try to fix it.. but open lightbox.js and change url to the closelabel.gif to
http://www.yoursite.com/modules/bakery/lightbox2/images/closelabel.gif

'images/closelabel.gif' don´t work..

This fixed problem to me.

News

Support WebsiteBaker

Your donations will help to:

You can donate by clicking on the button below.

Author Topic: Bakery Lightbox2 and IE9 problem (Read 21660 times)

Argos