How can I change the setting for lightbox image slideshow?

[xuanyinwen]

Hi John
Thanks for that,

I have edit my js like what you said animate = false;
see my example again: http://www.xuanyinwen.com/index1.html
the fading effect still noticeable for me even it going fast.

is there any way I can make it like the example I gave: http://www.realestate.co.nz/2119917
and keep the number of photo and close icon showing when changing photo

thanks!

[jscheuer1]

Possibly. I looked through that script very thoroughly though and saw no other place where it was doing any animation like that, though it's obvious that it is.

The site you keep linking to that you say that you like uses SlimBox:

http://www.digitalia.be/software/slimbox2

But I'm not sure it's that same version (might be, or might be close enough), and they use it with options to stop the animations, the default with it is to animate, just like it is with Lightbox. To get rid of the animations, consult this section:

http://www.digitalia.be/software/slimbox2#usage

under SETUP. The imageFadeDuration is the one you're talking about right now, but there are a number of others you would want to disable as well to get it like the page you linked to.

In many ways it's really a better script than Lightbox, especially the version we've been talking about. It's more stable and requires much less code. It has an option for looping too, which I think is also important to you as well.

[jscheuer1]

Like, inside the slimbox2.js file, you would make the AUTOLOAD CODE BLOCK look like so:

// AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED)
if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
	jQuery(function($) {
		$("a[rel^='lightbox']").slimbox({/* Put custom options here */
				imageFadeDuration: 1,
				loop: true,
				overlayFadeDuration: 1,
				resizeDuration: 1,
				captionAnimationDuration: 1
			}, null, function(el) {
			return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
		});
	});
}

[xuanyinwen]

Hi John

so which one you suggest to use if I want to set up something same as the one I like?

SlimBox or others?

cheers
Wayne

[jscheuer1]

I'd go with SlimBox. I tried it out with the settings from my last post:

" . . . inside the slimbox2.js file, you would make the AUTOLOAD CODE BLOCK look like so:

// AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED)
if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
	jQuery(function($) {
		$("a[rel^='lightbox']").slimbox({/* Put custom options here */
				imageFadeDuration: 1,
				loop: true,
				overlayFadeDuration: 1,
				resizeDuration: 1,
				captionAnimationDuration: 1
			}, null, function(el) {
			return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
		});
	});
}

And it worked just like the one you say you like.

[xuanyinwen]

Hi John

Thanks a lot!!! I love you!!!


Regards

Wayne