Home Home Home Submit Home Contact Home Advertise

Latest Tutorials and Scripts




20 Free Image Galleries & Slideshows



A gallery is often a nice way to show your images. Here are a list of 20 free image galleries and slideshows for use on your site.


If you enjoyed this article, please check out the following you may like:
22 Free Icon Sets
AJAX Scripts
More Image Gallery Effects, Slideshows and Gallerys


zenPHOTO

Zenphoto is an answer to lots of calls for an online gallery solution that just makes sense. After years of bloated software that does everything and your dishes, zenphoto just shows your photos, simply. It's got all the functionality and "features" you need, and nothing you don't. Where the old guys put in a bunch of modules and junk, we put a lot of thought. We hope you agree with our philosopy: simpler is better.





FrogJS Gallery

FrogJS is a simple, unobtrusive javascript gallery. It is not a replacement for other thumbnail galleries such as Lightbox JS, but rather a different way of showing galleries. This type of gallery is best used in photo stories and other places where a page-by-page gallery would normally be used.




Slideshow Alternative

An excellent javascript slideshow with cross fade transition effects and linkable slides.




Javascript Flickr Slideshow

A javascript slideshow that shows images from Flickr.com. Specify tags and/or users to limit the slideshow. Uses the "canvas" object, works in firefox and internet explorer using the excanvas.js library. Easily integrate into any web page.


JonDesign's SmoothGallery

Using mootools v1.0, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading...) image galleries, slideshows, showcases and other cool stuff on your website...



CSS Photo Shuffler

A Javascript + CSS replacement for Flash photo fading slideshow. Inspired by Richard Rutter's image fade demonstration.



Highslide JS

Highslide JS is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages:



Sliding Photograph Galleries

This gallery is my simplest yet. It is just an unordered list of images that are normally compressed vertically (reduction 8:1). When you hover over one of these compressed images it expands to full size. It is based on my sliding menu system and adapted to use images. No thumbnails are required and all the images are "pre-loaded".This method can be used either vertically, as shown, or horizontally.



easyALBUM

You have a set of images on the left hand side of your screen and as you hover over them you only get a white border, but as you click each image the page background is dimmed, and the full size image is loaded right onto the screen. To get back to the images simply click the image your viewing and it will be closed. This one is a more advanced gallery and also worth looking at.



CSS photo gallery template

When you hover over an image you are shown the description for the image, and when you click an image you are redirected to the full size image with the description on top. It's not too complicated so this would be another good one for beginners to look at and mess around with because there's not a lot of extra code to get confused about.



Image Gallery using jQuery, Interface & Reflections

Ramin B. has put together yet another image gallery. This time it is using jQuery as the library, and has a bunch of rich effects such as transitions, reflections, and the use of thumbnails.



Revamped Slideshow

A great script that generates a lightbox slideshow effect for your images with further options allowing you to email the image to your friends.



AJAX Image Slideshow

It resizes, it transitions, it fades in and out and it's not flash! The new AJAX slideshow on the homepage of my site comes to you courtesy of Scott Upton at Uptonic. This smooth, easy to use delight, is a great toolbox addition, for anyone who considers themselves part of the new breed of AJAX designers and developers.



Cross browser CSS slide show

It works in a similar manner to my previous examples except that I have removed the 2x image on hover (this was a bit of a gimmick anyway) and have gone straight for a click to produce the full size image.



minishowcase

minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX that allows you to easily show your images online, without complex databases or coding, allowing to have an up-and-running gallery in a few minutes.



Suckerfish HoverLightbox

A combination of Suckerfish, Hoverbox and Lightbox to provide you with this impressive tabbed image gallery.



ImageGal

Imagegal is a simple PHP script that will automagically create a JS/CSS/DHTML powered image gallery for you when dropped into a directory containing images.



iPhoto-like image resizing using Javascript

Upon seeing the Fluxiom intro video, I was compelled to figure out how they pulled off iPhoto-like image scaling in a browser. Leveraging the work of others, it's actually very simple.



Filebrowser

The filebrowser is a lightweight PHP application that allows you to thumbnail images and view them in a web browser. That's it. Short and sweet.



Image Slideshow

This is a script with a preview pane at top, and a sliding filmstrip at the bottom.