Slideshow Vs lightbox

[sanduwa]

Hello,

I would like to know how to combine the Slideshow with the lightbox.

lightbox :
http://www.dynamicdrive.com/dynamici...box2/index.htm

Slideshow :
http://www.dynamicdrive.com/dynamici...army/index.htm

Is there any possibility to open lightbox when click on the Slideshow ?????
I have tried this several times. But I couldn't. Now I'm fed-up with this.

This is urgent. It would be great if someone could help me.

Thanks,
Sanduwa.

[bluewalrus]

Try this http://www.dynamicdrive.com/forums/s...ad.php?t=38294

or one of these

http://www.dynamicdrive.com/forums/r...Ft%3D54023#916

[jscheuer1]

Bluewalrus, that first is for a slide show that is no longer available. The second is just an index.

sanduwa, here's what I would try - first install the scripts on the page as instructed on each one's demo page. For Lightbox, don't worry about making any rel="lightbox" links, just install its scripts in the head. For Swiss Army, use a configuration like so:

var slides=[]; //FIRST SLIDESHOW
//configure the below images and descriptions to your own. 
slides[0] = ["photo1.jpg", "Kissing Fools", "photo1_lrg.jpg"];
slides[1] = ["photo2.jpg", "Seated Woman", "photo2_lrg.jpg"];
slides[2] = ["photo3.jpg", "The Dog Lovers", "photo3_lrg.jpg"];
slides[3] = ["photo4.jpg", "Standing Woman", "photo4_lrg.jpg"];
slides[4] = ["photo5.jpg", "John, Mary and Jesus", "photo5_lrg.jpg"];
slides.use_title = 1;
slides.onclick = "this.title = this.getElementsByTagName('img')[0].title; this.rel = 'lightbox'; myLightbox.start(this); return false;";

[sanduwa]

hello jscheuer1,
Thank you for responding me.
But I'm bit confusing with your last line. what is "myLightbox" ???
should lightbox & Slideshow take separately then do the above modification only on the Slideshow ???
or should be install lightbox scripts in the Slideshow header ???
If I'm not bothered you please help me....


thanx,
sanduwa.

[jscheuer1]

Just do what I said. If it doesn't work, give me a link to the page where you are trying this.

By way of explanation, myLightbox is used by the Lightbox script as a reference to the internal functions like start(), which we need here. So to start a lightbox from a link, we literally do:

myLightbox.start(link);

Don't change myLightbox, it's fine like it is and is already defined in the Lightbox script.

[sanduwa]

WOW it's working..... !!! you are very smart....
thank you very much....
thank you again for your kindly help jscheuer1(John).

[madu]

Hi all,
the above lightbox(lightbox V2.03) can be integrated. but it is not possible to integrate the "Swiss Army Image Slideshow" with bellow bellow "Lightbox_Slideshow" (Version 1.1).

Swiss Army Image Slideshow:
http://www.dynamicdrive.com/dynamici...army/index.htm

Lightbox_Slideshow:
http://www.justinbarkhuff.com/lab/lightbox_slideshow/
(click on "Group of Images")

it is not working with
slides.onclick = "this.title = this.getElementsByTagName('img')[0].title; this.rel = 'lightbox[Brussels]'; myLightbox.start(this); return false;";

would anyone tell me what is the solution ???

[sanduwa]

hello madu,
please contact Mr. jscheuer1(John)
he will definitely help you as he help me....

sanduwa

[jscheuer1]

Hi all,
the above lightbox(lightbox V2.03) can be integrated. but it is not possible to integrate the "Swiss Army Image Slideshow" with bellow bellow "Lightbox_Slideshow" (Version 1.1).

Swiss Army Image Slideshow:
http://www.dynamicdrive.com/dynamici...army/index.htm

Lightbox_Slideshow:
http://www.justinbarkhuff.com/lab/lightbox_slideshow/
(click on "Group of Images")

it is not working with
slides.onclick = "this.title = this.getElementsByTagName('img')[0].title; this.rel = 'lightbox[Brussels]'; myLightbox.start(this); return false;";

would anyone tell me what is the solution ???

Two things:

1. You already have a slide show, why start another? It's possible, but not all that great of an idea. Swiss army does incremental preload, so you may use your full size images in it. Or, if you like the Lightbox Slideshow, just make up one link to launch it, make all of the rest hidden.
   
   
2. The main problem though is that Lightbox Slideshow 1.1 is a different script, and uses different syntax.

The first is a matter of opinion. The second can be easily solved (at least partly) by using the correct syntax for Lightbox Slideshow 1.1 (change highlighted):

slides.onclick = "this.title = this.getElementsByTagName('img')[0].title; this.rel = 'lightbox[Brussels]'; Lightbox.start(this); return false;";

However, this will not start a full Lightbox Slideshow because, at that point, there will be only one or two lightbox[Brussels] links on the page. You can make up as many links as you want in a division that is display none, and if Lightbox Slideshow is good at removing duplicates, it will work out. Even if it isn't, that part can probably be fixed. These extra links can be either hard coded or manufactured for you from the Swiss Army array using javascript.

[madu]

Mr. jscheuer1(John), Thank you for immediate responding.

But it's not working as i hope. just i want to show the all photos, through the lightbox.i want is click on the slideshow & open the lightbox then show the all photos by automatically or by clicking on the lightbox's next, prev, stop, start buttons.

is it possible???