Javascript/jQuery: Scripts to Enhance Image Presentation

If you wish or need to display a lot of images on your site, an image gallery is the perfect solution.

Javascript libraries online offer a plethora of scripts for different styles of galleries, zoom functions, carousels, etc.

Even though you may have a good working knowledge of Javascript and PHP, using libraries is a great time-saving way of implementing functions and events on your or your clients websites.

Today we present you with a collection of scripts to enhance image presentation.

Scripts to Enhance Image Presentation

Slideshow Viewer

Stylish gallery script with a ‘lightbox’ effect. Intuitive interface, providing basic slideshow functionalities.

Slideshow Viewer

jCarousel

A jQuery plugin for controlling a list of items in horizontal or vertical order

jCarousel

Dhoni Show

Easy inline gallery. Cool fade effects. Based on custom-made library

Dhoni Show

Image Gallery

Thumbnail transforms in large picture. Nice transitions.

Image Gallery

Crossfade Gallery

A simple script that will reveal multiple elements one at a time with a cross-fade effect.

Crossfade Gallery

Image Slideshow with Vertical Filmstrip

This script shows small images as a vertical filmstrip.

Image Slideshow with Vertical Filmstrip

Image Gallery 2011

A search engine friendly image gallery script.

Image Gallery 2011

35mm Photo Viewer

There are an infinite number of ways to organize and present photos. A complex gallery.

35mm Photo Viewer

Suckerfish HoverLightbox Redux

A drop-down display of thumbnail images.

Suckerfish HoverLightbox Redux

Highslide JS

An image, media and gallery viewer written in JavaScript.

Highslide JS

Full Screen Image Slideshow

A slideshow that uses jQuery and PHP to display large images from a directory automatically and using the entire browser window as its canvas. Thumbnails of every image are shown at the bottom of the slideshow for easy viewing on demand.

Full Screen Image Slideshow

FancyBox

Displays images, html content and multi-media in a Mac-style ‘lightbox’ that floats over the top of the web page.

Fancybox

Image Warp

Adds an interesting warp effect to selected images on your page, so clicking them causes the image to expand temporarily before reverting back to the original dimensions. Customize the duration of the effect plus the warped image’s final dimensions relative to the original.

Image Warp

Image Bubbles Effect

A Flash-like effect that causes an image to bubble up and expand whenever the mouse rolls over it.

Image Bubbles Effect

Picture Zoom

A script to enlarge images on your site.

Picture Zoom

Loupe

Allows you to add a magnifier to images on your webpages

Loupe

Revealing Photo Slider

Enlarges images on mouse click.

Revealing Photo Slider

Conclusion

If you are knowledgeable about Javascript and PHP, these scripts can be altered to produce your exact requirements. If not, or if you are learning, using scripts is the ideal way to implement some advanced functionality to your site with very little effort.

None of these scripts can be verified as working by me, so if you have implemented any of them, please let us know how you found working with the script.

Quality of images plays major role here, try to use quality stock images always. There are many community sites who provide images for free, here is one stock photos free trial

Have you come across any scripts for image presentation that we have missed from this list? Please let us know in the comments below.


About This Author

 

Carol is a Photoshop enthusiast, blogger and admirer of all things art and design related.

Share This Post

Like this post so far? Please share it with others, we will really appreciate it.

2 Comments & Pingbacks

Add a Comment
  1. May 25, 2011 at 11:35 PM

    I really like fancy box. used it a few times in my web design now

    Tom

Leave A Comment

Please note that comments are moderated - and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names. Kindly do not spam or advertise! Constructive feedbacks are always welcome.