Over the past year or so, I’ve needed to create basic image galleries with some minor variations. It’s easy enough to reuse bits and pieces of code, but I’d rather have a basic gallery, free of any styling, to use as a starting point. Here are some variations:
Fade transition, individual image links
http://dev.greeninteractive.com/js/gallery/fade-img-links.php
Fade transition, next and previous links
http://dev.greeninteractive.com/js/gallery/fade-next-prev-links.php
Slide transition, individual image links
http://dev.greeninteractive.com/js/gallery/slide-img-links.php
Slide transitions, next and previous links
http://dev.greeninteractive.com/js/gallery/slide-next-prev-links.php
Vertical slide transition, individual image links
http://dev.greeninteractive.com/js/gallery/slide-img-links-vert.php
Vertical slide transitions, next and previous links
http://dev.greeninteractive.com/js/gallery/slide-next-prev-links-vert.php
I can think of things I might add, and also ways I might optimize the code further. But if I wait until it is perfect, you will never see it. Enjoy!
Update 3/30/12: Added vertical transitions and updated links.