PDA

View Full Version : Drop-in Slideshow Script II (hyperlinked) and Lightbox image viewer 2.0



malsyriani@yahoo.com
09-26-2006, 01:31 AM
1) Script Title:
Drop-in Slideshow Script II (hyperlinked)
and
Lightbox image viewer 2.0

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm
http://www.dynamicdrive.com/dynamicindex14/dropitslide2.htm

3) Describe problem:

Hello,
I would like to use these tow scripts on my homepage to work together, so that I can click on each of the images of the Drop-in Slideshow Script II (hyperlinked) to view a larger image of them in the Lightbox image viewer 2.0 script. how can I change the hyperlinks in the Drop-in Slideshow Script II (hyperlinked) to do that? and how to add a titel to the hyperlinks in the Drop-in Slideshow Script II to use them as a text of the photos.
many thanks for your help

jscheuer1
09-26-2006, 06:34 AM
You really cannot do that. Lightbox depends upon content that exists long enough to be initialized and used before it changes. This slide show is constantly shuffling around, creating and destroying images and links, the two things that lightbox needs to remain constant during its display phase. It is possible to get things to hold up long enough for some browsers to make this effect work but not in others. It works OK in FireFox but not in IE or Opera, things (that normally are done once per page load) just cannot be done quickly enough, on the fly, to satisfy either of these two browsers.

jscheuer1
09-26-2006, 07:25 AM
Ooops, I spoke too soon. I had a nagging feeling that a conflict between the two scripts in those browsers might be the problem and it is.

I've worked this out now for lightbox v2.02 which is very similar to the version of lightbox here on Dynamic Drive that you linked to in your post, it just has a few more bugs worked out. I had to customize it and the Slide Show script anyway so, I will attach a zipped version of the new lightbox files and a demo page using both scripts that you need to use:

569

This is the one place where you really need to pay attention:


var droplinks=new Array()
//SET IMAGE URLs. Extend or contract array as needed
droplinks[0]=["photo1.jpg", "Kissing Fools"]
droplinks[1]=["photo2.jpg", "Seated Woman"]
droplinks[2]=["photo3.jpg", "The Dog Lovers"]

The red part is the larger image that you want shown via lightbox and the green part is the title.

Oh, and here is a demo:

http://home.comcast.net/~jscheuer1/side/files/drop_in.htm

malsyriani@yahoo.com
09-26-2006, 11:03 PM
Thank you very much for your help again that was very nice from you to take the time to do that and to help me. But I have some questions about your help:
Did You change something in the Lightbox image viewer 2.0 script?? and if I want to do the same thing but with this scripts now:
Ultimate Fade-in slideshow (v1.5) (http://dynamicdrive.com/dynamicindex14/fadeinslideshow.htm) found on DD. this is the link: http://dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
Pixelating Slideshow Script (http://www.dynamicdrive.com/dynamicindex14/pixelate.htm) http://www.dynamicdrive.com/dynamicindex14/pixelate.htm
Book Flip Slideshow (http://www.dynamicdrive.com/dynamicindex14/bookflip.htm) http://www.dynamicdrive.com/dynamicindex14/bookflip.htm

how can I do that? I love DD very much and I visit this site every day to find nice scripts here. And you are very friendly in this form. I will tell my friends to visit DD.

jscheuer1
09-27-2006, 04:25 AM
I've worked this out now for lightbox v2.02 which is very similar to the version of lightbox here on Dynamic Drive that you linked to in your post, it just has a few more bugs worked out. I had to customize it and the Slide Show script anyway so, I will atta . . .

Yes, lightbox needed to be modified, as I said. These modifications are unique to the drop_in script I created to work with the now unique version of lightbox.

I'm not certain whether or not lightbox would need to be modified for any of those other particular scripts but, it is very likely that lightbox would need some modification, unique to each of them.

Those other scripts would need at least some modification as well, to be able to use lightbox.

malsyriani@yahoo.com
10-18-2006, 02:32 AM
Thank you very much again for your help. I want to ask you something else I have on the Page an embed tag so wen the picture will be enlarged this embed appears over the big image of the Lightbox image viewer 2.0. Now my question is that I want to know what can I do to make the embed real player under the big image or to be hidden wen the big image appears

jscheuer1
10-25-2006, 04:42 AM
Sorry, been busy with work. I'm not familiar with the real player as an embed in this regard (showing over DHTML elements). It is a common problem with the embed tag, and I am aware of a way around it when the embedded content is Flash. I will add that information below but, I doubt that it will work with real player. The best source for information on this should be the real player web site. My suggestion would be to try the below, you never know. If that doesn't work, look for info on real.com. No luck there, try locating the real player to the lower left or lower right of the window, where its being on top will not be such a big deal. One other thing, if you can make its visibility:invisible -


<embed style="visibility:invisible;" . . . other embed attributes . . . >

and that works out to at least stop it from conflicting with lightbox, we can probably set something up to hide it on lightbox invocation and reveal it on lightbox dismissal.

Here is the information on Flash that I mentioned:


Follow the detailed information at:

http://www.macromedia.com/cfusion/knowledgebase/index.cfm?id=tn_14201

Or, if this short version (good in most cases) fixes it, so much the better! Add in this language to your object/embed tag:

Add the following parameter to the OBJECT tag:

<param name="wmode" value="transparent">

Add the following attribute to the EMBED tag:

wmode="transparent"

If it works it will not hide the player but, will allow the DHTML lightbox content to appear over it.