The Best Online Resources and Inspiration For Web & Graphic Designers

Amazing Scripts for Galleries, Slideshows and Light boxes

Published February 26, 2010 in Shevaa in Coding

• Tweet
• Share
• Sharebar

• Tweet
• Share

This post presents a Collections of Image Galleries, SlideShows, and image and Flash lightboxes using Ajax, Javascripts, Jquery Plugins

1. jQuery morphing gallery

In this tut you will learn how to create a simple image gallery that when an image is selected, it will “morph” into its relevant size.

2. jqFancy Transitions

jqFancy Transitions is easy-to-use jQuery plug in for displaying your photos as slideshow with fancy transition effects.

3. JonDesign’s SmoothGallery

4. Trip Tracker

The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature.

5. High Slide JS

Highslide JS is a piece of JavaScript that streamlines the use of thumbnail images on web pages

6. Beautiful jQuery slider with Tutorial

This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.

7. Full Screen Image gallery Using J-query and Flickr

It’s a full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. I also spiced it up with a flickr search engine, thumbnails, captions, preloader and some other goodies.

8. Fancy Box Image Zooming Using J-query

Fancy Box is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.

9. Greyscale Hover Effect CSS & jQuery

CSS Sprites and a few lines of jQuery, but requires a bit of preparation before it can be implemented. It is not recommended for large scale projects and probably best for displaying portfolio pieces.

10. Galleriffic jQuery plugin

A jQuery plugin for rendering rich, fast-performing photo galleries

11. Slider Jquery PlugIn

The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery (for my web site kruskica.net). Since i didnt find it after a small research i decided to build it by my self.

12. Bumpbox

A lightbox clone with support for PDF, flv, swf, audio, images and html files.

13. jQuery.popeye 1.0 | jQuery.popeye 1.0 released

jQuery.popeye is a plug-in that transforms an unordered list of images into a simple image gallery. When an image is clicked, it enlarges Lightbox-style. The images are displayed in a box with “Previous” and “Next” controls, and information about the images can be included.

14. Dojo Zoomer

This sample uses Dojo 1.3, is entirely valid html markup, degrades gracefully (in that is a natural list of links without modification) and progressively adds a zoom behavior.

15. Animated JavaScript Slideshow

A few new features include description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status.

16. Videobox | Lightbox for videos

which shows your videos in the page with an overlay. It was inspired from Lightbox.v2 and uses some of the Slimbox’s code. It’s written for the wonderful mootools library. And used swfobject to embed flash.

17. Image Rotator With Tutorial

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

18. Galleria|A Javascript Image Gallery

Galleria is a very polished and professional image gallery . It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.

19. Coda Slider

A jQuery script that emulates the effect used on the gorgeous Coda website

20. Moving Boxes | jQuery “sliders”

We’ve been down the jQuery “sliders” path a few times before. Once for the Auto-Playing Featured Content Slider and again for the Start/Stop slider.