PSD to HTML Zip
Now Pay After Work Done
Order Now

NEED PSD CONVERT TO HTML / XHTML / HTML5/ CSS

Valid W3C XHTML Strict 1.0 & Cross Browser Compatibility

Send us your PSD and we'll return semantic, optimized, documented, and Section 508/WAI compliant HTML/CSS.
View Our Work Example or any question Contact US

Order

Step 1

Upload Design

Step 2

We Code It

Step 3

Delivery in 8 Hours

30 Scripts For Galleries, Slideshows and Lightboxes

Bookmark and Share

Family photos, vacation snapshots or creative artistic works: whatever images you have to present, you can present them in a variety of ways. On a big screen, in slide shows or in a thumbnails gallery. However, to convey the message of presented data effectively, it’s important to offer it in an attractive and intuitive way. Furthermore, the presentation itself can make images more valuable and simplify the browsing through hundreds of slides.

There are literally hundreds of solutions for web-based galleries out there. We’ve selected 30 scripts of impressive slideshows, lightboxes and galleries you can use for effective presentations of your images. Most of them don’t have any technical requirements, so you can use them right away. Let’s take a look.

Ajax Image Galleries & Lightboxes

  • Minishowcase
    Minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX/JSON that lets you put easily your images in an online gallery, without having to configure databases or changing and customising code (though you may do it if you feel so) allowing to have an up-and-running gallery in a few minutes.
    Minishowcase in 30 Scripts For Galleries, Slideshows and Lightboxes
  • JonDesign’s SmoothGallery
    Unlike other systems out there, JonDesign’s SmoothGallery is designed from the ground up to be standard compliant: You can feed it from any document, using custom css selectors. And even better, this solutions is very lightweight: The javascript file is only 16kb.
    JondesignsSmoothGallery in 30 Scripts For Galleries, Slideshows and Lightboxes
  • Ajax Photo Gallery
    The AJAX version of AgileGallery is a free AJAX photo gallery that rips through the XML output from Picasa (a free download from google) and generates DHTML for the paging and thumbnails and displays the full sized photos along with any description entered in Picasa. Since this photo gallery uses AJAX technology, it eliminates the need for any page refresh as the user pages through the photos.
    Ajax Photo Gallery in 30 Scripts For Galleries, Slideshows and Lightboxes
  • Pyxy-gallery
    Pyxy-gallery is an AJAX image gallery in PHP and JavaScript, which optionally uses lightbox.js. It is designed to be an ultra-light-weight, “drop-in” image gallery.
    Pyxygallery in 30 Scripts For Galleries, Slideshows and Lightboxes
  • 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.
    Zenphoto in 30 Scripts For Galleries, Slideshows and Lightboxes
  • Couloir.org: Resizing, Fading Slideshow Demo – AJAX Slideshow
    This photo slideshow is a demonstration of Flash-like behavior implemented solely in Javascript, HTML, and CSS. The code is offered as-is — Couloir.org offers no technical support. However, you are permitted to use it on your own project so long as you do so according to the rules outlined in the Creative Commons ‘Attribution-ShareAlike 2.0′ License and the license terms contained in the associated, third-party APIs.
  • Grey Box
    A pop-up window that doesn’t suck. GreyBox can be used to display websites, images and other content in a beautiful way.
  • Lightbox2
    Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
  • Litebox
    Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand.
    Litebox in 30 Scripts For Galleries, Slideshows and Lightboxes
  • Multifaceted Lightbox
    A script (JavaScript) that allows you to focus the users attention on a particular portion of the screen. It creates the equivalent of a modal dialog box – this means that while the user looks at this focused part of the screen, they can’t interact with the rest of the screen.
    Multifaceted Lightbox in 30 Scripts For Galleries, Slideshows and Lightboxes
  • Slightly ThickerBox 1.7
    Slightly ThickerBox is a modification of Cody Lindley’s Thickbox script. I modified it for use on my Jason’s Toolbox Redesign. The modifications allow the script to generate “Previous Image” and “Next Image” links. The result is that you can use Slightly ThickerBox to create image galleries. In addition, you can create groups of galleries by setting a “rel” attribute on the links. (I also moved the Caption and Close link to the top and made the script case insensitive.)
  • TripTracker
    The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature.
    Triptracker in 30 Scripts For Galleries, Slideshows and Lightboxes
  • Slimbox, the ultimate lightweight Lightbox clone
    Slimbox is a 7kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework. It was designed to be small, efficient, more convenient and 100% compatible with the original Lightbox v2.
    Slimbox in 30 Scripts For Galleries, Slideshows and Lightboxes
  • Suckerfish HoverLightbox
    The Suckerfish HoverLightbox is a mashup of three very popular Web design techniques blended together to offer a new way of presenting your image galleries.
    Suckerfish Hover Lightbox in 30 Scripts For Galleries, Slideshows and Lightboxes
  • Suckerfish HoverLightbox Redux
    The Redux has a number of improvements, mostly visual, but some behavioral changes as well. Before going into detail, it’s important to give due credit to those who helped make the Suckerfish HoverLightbox a possibility.
  • ThickBox 2.1.1
    ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.
    Thickbox in 30 Scripts For Galleries, Slideshows and Lightboxes

CSS-Based Image Galleries

  • A Photograph Gallery
    Just a simple :hover over thumbnail images to give a full size view of each photograph. With all but Opera you can also click the thumbnails to retain the image on the screen. Text can be added at the bottom of each picture. Ideal for photograph albums.
    A Photograph Gallery in 30 Scripts For Galleries, Slideshows and Lightboxes
  • A simple CSS photo-album
    The text numbers and images are held in an unordered list without any extra markup (no ‘ems’ or ’spans’ etc). The CSS just styles the text numbers so that they appears in a box and the images so that they are hidden until your visitor clicks a number square.
    A Simple Css Photo Album in 30 Scripts For Galleries, Slideshows and Lightboxes
  • Cross Browser Multi-Page Photograph Gallery
    Based on Suckerfish HoverLightbox this one uses my multi-page layout system but includes images instead of text. Unlike the Suckerfish HoverLightbox this version is pure CSS.
    Cross Browser Multi Page in 30 Scripts For Galleries, Slideshows and Lightboxes
  • CSS Image Gallery
    This is a purely CSS based image gallery that displays larger versions of thumbnail images dynamically when the mouse hovers over them. A rich HTML caption can be added to the enlarged image, and every aspect of the Image Gallery exists as plain HTML on the page. The idea is to use CSS’s “:hover” pseudo class to cause an element to react onMouseover. When that happens, an absolutely positioned container holding the enlarged image, anchored on the page by another container with position set to relative, is shown. Furthermore, it’s possible to modify the behavior so the enlarged images are only shown onClick, though IE6 currently doesn’t support this behavior well. The gallery works in IE6+, Firefox, Opera 8+.
    Dynamicdrive Css Imagegallery in 30 Scripts For Galleries, Slideshows and Lightboxes
  • CSS: Photo Showcase
    This experiment uses CSS and basic markup to create a simple way to display photo thumbnails on your site while offering convenient fast zoom viewing, even for dialup users.
    Css Photo Showcase in 30 Scripts For Galleries, Slideshows and Lightboxes
  • Hoverbox Image Gallery
    Basically, it’s a super light-weight (8kb) roll-over photo gallery that uses nothing but CSS.
    Hoverbox Imagegallery in 30 Scripts For Galleries, Slideshows and Lightboxes
  • Photo scroll gallery
    A combination of several of my previous galleries to give a scrolling ‘thumbnail’ image, a medium size image on hover and a full size image on click. The thumbnail, medium size and full size images are all the same image just resized using CSS. The thumbnails are square to make the scrolling area simpler to work with. This does make these images a little distorted but not so much that they look wrong.
    Photo Scroll Gallery in 30 Scripts For Galleries, Slideshows and Lightboxes
  • Sliding Photograph Galleries
    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.
    Sliding Photograph Galleries in 30 Scripts For Galleries, Slideshows and Lightboxes

JavaScript + CSS-based Galleries & DHTML-Galleries

  • xImgGallery – Javascript Image Gallery & Slideshow
    This script implements a Javascript image gallery and slideshow – all in one file.
    Ximg Gallery in 30 Scripts For Galleries, Slideshows and Lightboxes
  • easyAlbum
    A DOM photo Gallery solution that is browser friendly, keyboard friendly, bandwidth friendly and more.
    Easyalbum in 30 Scripts For Galleries, Slideshows and Lightboxes
  • 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. This simple script was inspired by a Jeremy Keith’s article on aListApart.com.
  • 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: No plugins like Flash or Java required. Popup blockers are no problem. The images expand within the active browser window.
    Highslide Js in 30 Scripts For Galleries, Slideshows and Lightboxes
  • Satellite
    Satellite is an all in one photo gallery website that takes advantage of Yahoo Flickr’s image hosting and management tools. You can upload and manage your images using Flickr and host your portfolio on your own server via Satellite.
  • Dhonishow
    Showing Picture Online with Javascript.
Bookmark and Share

20 Responses to “30 Scripts For Galleries, Slideshows and Lightboxes”

  1. Very nice!…

    Wow you are very very talented!! keep up the awesome work. You are very talented & I only wish I could write as good as you do :)…

  2. Eugenie says:

    quality post…

    I have spent a bit of time going through your posts! http://demetra.alwahy.com/ i had a good read….

  3. Ehantelle says:

    You did a great job…

    Hi there thanks for the quality post, i had a good read,http://yanjijie.blogreaction.com/this-american-females-where,48997 , thank you for your article,My problem has been resolved….

  4. venzingS says:

    Great…

    love your blog, http://www.blurty.com/users/alheid/ ,Thanks again….

  5. "Bondage says:

    “outdoor bondage…

    BDSM Toys:.”…

  6. randall says:

    daves@hemus.precipitated” rel=”nofollow”>.…

    thanks for information!!…

  7. Don says:

    spat@plead.remarque” rel=”nofollow”>.…

    спс!!…

  8. Keith says:

    searching@tugaru.lions” rel=”nofollow”>.…

    hello!…

  9. alex says:

    instead@heterogeneous.otto” rel=”nofollow”>.…

    thanks for information!…

  10. jessie says:

    itches@bonfire.grew” rel=”nofollow”>.…

    ñïñ….

  11. Jonathan says:

    lethal@circuitry.meddling” rel=”nofollow”>.…

    thanks!!…

  12. albert says:

    pathological@valentine.smallish” rel=”nofollow”>.…

    ñïñ!…

  13. kelly says:

    walk@policemens.chousin” rel=”nofollow”>.…

    thanks….

  14. dustin says:

    rechartering@brannon.suspiciously” rel=”nofollow”>.…

    ñïñ çà èíôó….

  15. Gary says:

    option@cocao.loved” rel=”nofollow”>.…

    áëàãîäàðñòâóþ!!…

  16. julian says:

    lucy@acey.vicky” rel=”nofollow”>.…

    tnx!…

  17. Carlton says:

    maybe@cockroaches.verloop” rel=”nofollow”>.…

    áëàãîäàðñòâóþ!…

  18. Christopher says:

    ballad@reactor.lisa” rel=”nofollow”>.…

    good!!…

  19. Ramon says:

    marveled@thickest.carolinas” rel=”nofollow”>.…

    ñïàñèáî!…

  20. trevor says:

    innocence@appetites.orphan” rel=”nofollow”>.…

    hello….

Leave a Reply

psd to xhtml conversion