Unstyled jQuery Galleries

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.

Leave a Reply

Your email address will not be published.

%d bloggers like this: