Tutorial Online

How about inline slideshow with a nice pop up gallery

A simple thing was kinda blowing my mind lately. Theres a lot of fancy galleries out there. Jquery and others, where Highslide happens to remain one of the best. But as I went through all of them and being more or less impressed, on none of "XY most best wow galleries" have I noticed 1 to satisfy my ... kind of a simple need.

What I (my client) wanted was a gallery that is inline as slideshow (with custom effects) and then as you click on the image, it enlarges into more-or-less full-screen or something like it.

Now amazingly I havent found any to be complete like that. Either theyre inline excellent slideshows without "popup-zoomin", or theyre amazing galleries that work from thumbnails (meaning static photos in the page). No fancy-wow-ough-yeah gallery covers the thing as:

1. inline slideshow (not thumbnails)
AND 2. pop-up (zoom-in or whatever) gallery (that has the controls of forward, backward,... and effects,...).

So after a month (or three months?), a combination of 2 scripts seems to somehow provide the best option:

1. Jquery cycle
2. prettyPhoto

With 1st, you put in images in 1 div and cycle through them with several effects. Nice, simple to plug in.

< div id="PhotosScrolling" >
< img1... />
< img2... />
< img3... />
< /div >

With 2nd, you just need to put some links over those imgs, so the final html looks like this: