Slideshow Vs lightbox

**jscheuer1** · 04-26-2010, 04:54 PM

Please post a link to a page on your site that contains the problematic code so we can check it out.

**madu** · 04-26-2010, 04:57 PM

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

But it's not working as i hope.this is giving the same result as sanduwa's problem. but just i want to show the all photos, through the lightbox on a one click.not a single photo on a one click.
I really 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???

please visit
http://www.justinbarkhuff.com/lab/lightbox_slideshow/ & click on the images under the topic "Group of Images". then see, how the navigate the images through the lightbox.

thank you very much,
madu.

**jscheuer1** · 04-27-2010, 02:59 PM

I did say that:

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.

That's why I asked:

Please post a link to a page on your site that contains the problematic code so we can check it out.

I could then customize the function to do that from Swiss Army based upon how your Swiss Army array looked.

But, let's say you did it like I said here:

Code:

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"];

Then your array would be called slides and we could do this:

Code:

<script type="text/javascript">
(function(ar){
	var d = document.createElement('div'), a = document.createElement('a'), a1;
	a.rel = 'lightbox[Brussels]';
	d.style.display = 'none';
	for(var i = 0; i < ar.length; ++i){
		a1 = a.cloneNode(true);
		a1.title = ar[i][1];
		a1.href = ar[i][2];
		d.appendChild(a1);
	}
	document.body.insertBefore(d, document.body.firstChild);
})(slides);
</script>

Place that right after your opening <body> tag. This assumes that the Swiss Army scripts were installed as instructed on its demo page, with the array of slides in the head of the page.

The only real problem we could then have if Lightbox Slideshow, like many recent Lightbox scripts, doesn't remove duplicate links/images correctly.

Looking at the code, it appears not to make any attempt to do so, if I'm right about that there will be duplicates in the slide show created by Lightbox Slideshow. But I might be wrong, try it out. If there are duplicates, we can probably fix that.

**sanduwa** · 04-28-2010, 06:50 PM

Is this not working perfectly on IE ???

**jscheuer1** · 04-29-2010, 02:39 AM

You are not using the version of Lightbox you indicated that you were in your first post. Testing with the archive you emailed me indicates you should remove the highlighted:

Code:

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

**sanduwa** · 04-29-2010, 03:10 AM

Mr John,
still it's not working perfectly. sometimes it works. sometimes it's giving the same error massage. please run that several times then you will see the error.

thank you for your kindly help,
sanduwa.

**jscheuer1** · 04-29-2010, 05:53 AM

Works fine here. If you are still getting an error message, you haven't made the change I suggested in my last post, or you are viewing a cached version of the page. I tested it with that change repeatedly in IE and could see no problem or error message.

**sanduwa** · 04-29-2010, 06:27 AM

Yes Mr jscheuer1. I made the change that you have posted finally.

Code:

 slides.onclick = "this.title = this.getElementsByTagName('img')[0].title; this.rel = 'lightbox';";

but still it's not working properly.

can it be problem with my browser ???
I downloaded it from
http://www.soft32.com/Download/Free/Internet_Explorer/4-997-1.html

thanks for listening me

**jscheuer1** · 04-29-2010, 12:53 PM

You should use IE 8. But if you want IE 7, you should get your IE 7 from Microsoft:

http://www.microsoft.com/downloads/d...displayLang=en

However, it is very possible that if you run Windows Vista, Windows 7, or a non-Windows OS that you will never be able to install it properly. Also, if you've ever had IE 8 installed, there may be registry entries left over from that which make IE 7 work oddly.

I tested your page in IE 8 with its IE 7 engine, same result - no error message, and works fine after repeated refreshes.

Are you getting an error message, or is it just that it isn't behaving as expected?

If the former, what error message are you getting? If the latter, what exactly isn't it doing?

**sanduwa** · 04-29-2010, 03:25 PM

You are right Mr.John
It's a problem with browser.Now I'm using IE 8. In here no error massage.
but still sometimes the page is not appeared.
can it fixed by changing the code.....????

suggestion:

can we use this code for non-IE browsers & when click on the slideshow then open the lightbox

Code:

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

and (using if-else) only for IE browser can we use normal code & when click on the slideshow then open the image in a another web page( like a link )

can it be happened ???

Thank You very much Mr.John