- This topic is empty.
May 26, 2010 at 9:14 pm #29171paulfitzMember
I am trying to build my own online portfolio for my Graphic Design and Web design work.
I am having a problem with getting a JQuery slider to work correctly when loaded inside a JQuery Lightbox/iframe
Here is my page where I am having troubles:
If you click on the first image (Greyhound Lane), an iframe lightbox is supposed to load, and then inside that iframe, a slider should load and you can slide through 4 greyed out images that I am currently using just for testing the slider.
The actual URL of where the slider sits that should be loading inside the iframe can be seen here (and it works fine on its own):
The iframe/lightbox I am using is called prettyPhoto:
The slider I am using is called easySLider:
THE ACTUAL PROBLEM: When I click on that first image (Greyhound Lane) for the first time with the cache cleared, the lightbox usually opens up and the slider loads fine inside of the iframe, BUT, then if I click the "close" button to close the lightbox, and then click on the image again, when the lightbox opens back up, the slider inside of it does not load (or the images inside the slider don’t load? – not really sure). If I right click and re-load the frame, the slider will load and works fine. Other times when I click on the image, the lightbox opens but yeah the slider just does not show up.
PaulJune 1, 2010 at 7:58 pm #76880paulfitzMember
If anyone is curious, I didn’t manage to solve the problem of why it was not working, but I did manage to get the same thing I wanted working by changing the iframe lightbox plugin I was using.
Rather than using PrettyPhoto, I tried using Fancybox instead http://fancybox.net/ and so far from the testing that I have done, having an easySlider located within a seperate URL appears to be loading without a problem within the Fancybox iframe in FF, IE, Chrome and Safari.
It can be viewed here (click on the first two options)
I would still like to know why the prettyPhoto option wasn’t working though if anyone has any ideas.