Lightbox gallery?

Anyone? No?

Thomas what did you figure out?

I happen to come across this thread, just a moment ago.

I managed to kind of find out how it was done. Some sort of layer system. I managed to replicate it on single images. Too much work to do this on an entire gallery, and I couldnt figure out how to automate the process.

There might be a Jquery plugin for that though.
It is a stylish way of showing thumbnails.

Really? Id be interested to see it, if you have a link. I really do think its a beautiful display system. ??

Actually what I did was I right clicked in Chrome and brought up Inspect Element. With it you can look at the code that is used by mousing over the area, and also moving the cursor inside the elements area where the code is located. There I opened up (click the arrows) to find the correct section. Then I right clicked the first html tag for the section and copied the code.

Thats actually very interesting, thanks ??
I dont use Chrome at all, but I think I may give it a try.

Firebug in Firefox is similar. I have not tested out Firebug in a while but it might be even better then Inspect element in Chrome.

Just installed it. Its a pretty powerful little add on.
Thanks for the tip… Im checking it out now.

So from digging more into the code:

First off they are using fancybox as their lightbox.
and a Jquery to make some of the effects. See the html and then go into the Resources tab next to the elements tab you started at and notice the js file named et_ ….. right click it and select save. So here we can learn form:

jQuery(document).ready(function() {
	jQuery("a[class*=fancybox]").fancybox({
		'overlayOpacity'	:	0.7,
		'overlayColor'		:	'#000000',
		'transitionIn'		: 'elastic',
		'transitionOut'		: 'elastic',
		'easingIn'      	: 'easeOutBack',
		'easingOut'     	: 'easeInBack',
		'speedIn' 			: '700',
		'centerOnScroll'	: true

There is of course more in the js file to look closer at. By using some time one can figure it out and then create a test.