16 Free Picture Slideshow Gallery scripts

This JavaScript article gives you a list of 16 picture slideshow gallery scripts. All these gallery JavaScript codes are free to use, and very easy to setup, edit. From these awesome picture slideshow gallery JavaScript codes, I hope you'll create more beautiful, interactive galleries to your great visitors.


Sampled by © JavaScriptBank.com

1. JonDesign's SmoothGallery 2.0

SmoothGallery 2.0 is a nifty slideshow gallery that transitions between images very... smoothly. The author tested SmoothGallery 2.0 in Firefox, Opera, IE 6 and 7, and Safari. It requires the mootools JavaScript framework.

SmoothGallery 2.0: Improved Mootools Mojo for Images

SmoothGallery demo

2. (E)2 Photo Gallery

(E)2 Photo Gallery is an open source photo gallery. The current version is still in beta but I've tested it to work with Firefox 2, IE 7, and Safari 3. What's cool about (E)2 Photo Gallery is that the user can change the "skin" of the gallery. It uses the mootools framework and PHP for the photo uploader and image auto-detection features.

(E)2 Photo Gallery

(E)2 Photo Gallery demo

3. jQuery Gallery

jQuery Gallery is a plugin for the jQuery JavaScript library. It uses the Reflection.jsscript to add a reflection effect dynamically to your images.

Jquery Gallery version 1.0

4. MooPix

MooPix utilizes the Flickr API to dynamically populate your image gallery with pictures from a Flickr account without the need to use server-side scripting.

moopix

5. Highslide JS

Highslide JS is an open source script that uses modal windows instead of pop-up windows to open larger versions of the thumbnail images. It's free for non-commercial uses.

Highslide JS

Highslide JS demo

6. Flickrshow

Flickrshow is another slideshow that allows you to access photosets, groups, and tags from Flickr. The current version has an improved caching feature which helps make the transition between images quicker and more fluid.

Flickrshow

7. Galleria

Galleria is an image gallery that uses the jQuery library. It's distributed under the GLP 3.0 License which permits you to modify and re-package the script (granted that you abide by the terms and conditions of the license).

galleria

Galleria demo 1Galleria demo 2

8. LightWindow v2.0

LightWindow 2.0 is an excellent choice for mixed media galleries because it also supports other file types such as Flash movies and video files.

LightWindow v2.0

LightWindow v2.0 demos

9. easyALBUM

easyALBUM prides itself for being an image gallery that uses "super clean markup". It works well with CSS disabled and is compliant with current XHTML web-standards. It also allows the user to navigate through the gallery using keyboard shortcuts.

easyALBUM

10. slideViewer

slideViewer is a plugin for jQuery and uses ordered lists for mark-up which is good for accessibility and with JavaScript turned off.

slideviewer

11. Image Transition Manager

Image Transition Manager provides you 8 transition effects. It was tested by the developer in Firefox 2, Opera, and IE 6 and 7. As an additional measure, I tried it in Safari 3 (and it works). It was developed using the script.aculo.us effects library which in turn requires the Prototype JS framework.

Image Transition Manager: image transitions with scriptaculous

Image Transition Manager demo

12. ThickBox

ThickBox is a script built on top of jQuery. It's designed to display images as well as other types of document objects. It has the capability of loading content via Ajax requests.

ThickBox 3.1

13. ProtoFlow

ProtoFlow mimics the cover flow effect that you would find in iTunes, the iPhone, and other Apple products. In addition to the ProtoFlow JS and CSS file, it also uses three additional external JavaScript files - Prototype and script.aculo.us and Reflection.js - so make sure you're willing to pay the price in page weight, additional HTTP requests, and potential decrease in page load times due to the above reasons.

protoflow

ProtoFlow demo

14. Slideshow: A Javascript class for Mootools

Slideshow gives you tons of options and effects for your slideshow gallery. There's a pan/zoom feature that makes for a very impressive transition between images, all entirely done using JavaScript. It doesn't come pretty "out of the box", but with some simple CSS magic, it can looks awesome!

Slideshow: A Javascript class for Mootools

15. Javascript Image Gallery Using Mootools

This is a very simple image gallery, great for when you need something up right now. It doesn't require you to know very much JavaScript to get it to work.

Image Gallery Using Mootools

16. minishowcase

minishowcase gives you the ability to set the language used in your galleries, and it can be configured to detect the user's language preferences. This image gallery uses PHP for the language selection and automatic thumbnail generation.

minishowcase

minishowcase demo

Language
Translate this page to English Translate this page to French Translate this page to Vietnamese

Recent articles
Insights for Advanced Zooming and Panning in JavaScript Charts
How to open a car sharing service
Vue developer as a vital part of every software team
Vue.js developers: hire them, use them and get ahead of the competition
3 Reasons Why Java is so Popular
Migrate to Angular: why and how you should do it
The Possible Working Methods of Python Ideology
JavaScript Research Paper: 6 Writing Tips to Craft a Masterpiece
Learning How to Make Use of New Marketing Trends
5 Important Elements of an E-commerce Website


Top view articles
Adding JavaScript to WordPress Effectively with JavaScript Localization feature
Top 10 Beautiful Christmas Countdown Timers
Top 10 Best JavaScript eBooks that Beginners should Learn
65 Free JavaScript Photo Gallery Solutions
16 Free Code Syntax Highlighters by Javascript For Better Programming
Best Free Linux Web Programming Editors
Top 50 Most Addictive and Popular Facebook mini games
More 30 Excellent JavaScript/AJAX based Photo Galleries to Boost your Sites
Top 10 Free Web Chat box Plug-ins and Add-ons
The Ultimate JavaScript Tutorial in Web Design


Free JavaScript Tutorials & Articles
at www.JavaScriptBank.com