35+ Best JavaScript Image Gallery Plugins and Scripts
8 Jul2010
Here is a complete diary of all the best JavaScript image galleries, sliders, scrollers and Carousels. Look no more to find your kinda Image Gallery in JavaScript. Includes all the best image exhibition scripts, which lets you showcase your colorful images with much more elegance and class.
1. SpaceGallery
SpaceGallery is a new JQuery plugin that provides smoky out of the fantasy effect to images. Bring in a smooth slidinf effect to image views with this wonderful javascript slider.
2. noobSlide
Noobslide is a Mootools slider plugin. Noobslide allows numerous variations and customization, despite of its lack of offical documentation.
3. SmoothGallery
Using mootools, SmoothGallery 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.
4. jQuery Multimedia Portfolio
The jQuery Multimedia Portfolio will automatically detect the extension of each media and apply the adapted player. Play multimedia files in style with the cool jQuery Multimedia Portfolio.
5. JCarousel
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with or without AJAX, can be scrolled back and forth with or without animation.
6. Glider The Javascript Slider
Inspired by the carousel you can see on panic.com, here is Glider, a Prototype based slideshow. A really cool use of Glider has been done on the amazing WP Magazine Theme for WordPress.
7. Carousel
A simple but good carousel, if you just need the basic effects.
Its developed using YUI(Yahoo User Interface) and is semantically coded.
8. Carousel Slideshow
Description: Carousel
Slideshow is a fabulous DHTML script for the showcasing of images on your
site. It displays images in a 3D, carousel fashion. Highlights of this
script other than its stunning appearance are:
-
Slideshow can be set to
either slide in from right to left, or the reverse. -
Slideshow can be set to be
4-sided, 6, 8, or 12. A 4-sided slideshow for example means 2 images
will be in view at all times (the other two behind the scene). -
Each image can have an
optional link associated with it. -
Slideshow pauses on
mouseover. -
A DOM based script that
works in modern DHTML browsers- IE5+, NS6+, Opera 7+.
9. jQuery Popeye
jQuery Popeye generates an inline image gallery from an unordered list of images. The gallery features clever inline image enlargement, i.e. the enlarged image stretches out over the site content without adding a visual overlay of the whole site .
10. BarackSlideshow
I guess pretty much everyone has seen Barack Obamas website by now, which is clearly one of the prettiest of all candidates we have heard of so far. Not only is it an example of state-of-the-art design, but it is also nice to navigate and interact with. I decided to imitate the homepage slideshow. I had already experimented with similar animated lists, which allowed me to have it ready within minutes.
11. Agile Carousel
Agile Carousel is a jQuery plugin that allows you to easily create a custom carousel. Call Jquery UI to enable many different additional transition types and easing methods. It uses PHP to draw images from the folder you specify. Configure many different options including controls, slide timer length, easing type, transition type and more.
12. Simple Controls Gallery
Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery.
Lets take a look at the scripts set of features:
-
Displays images either as an automatic or manual slideshow,
with the image faded into view over the previous. A Navigational Panel
slides up when the mouse rolls over the gallery to play, pause, or step
through to a specific image within the gallery. -
In automatic mode, set the number of cycles before the
script stops rotating. -
Each slide consists of an image that can be hyperlinked.
-
Each slide can have a description associated with it. When
defined, a Description Panel slides down from the top of the gallery showing
the description. -
The gallery supports
persistence of the last viewed image via session cookies, so going away then
coming back to the gallery calls up the last viewed image within a browser
session.
13. Animated JavaScript Slideshow
This dynamic JavaScript slideshow is feature packed and under 5KB. It is the long awaited update to my previous script here. A few new features include description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status. This script was built ground-up and will soon be included at scriptiny where all my scripts will be added as they are updated, debugged and incorporated in the new TINY namespace.
14. Easy POP Show
Easy POP Show is a full screen show for slide, news or anything like Image Gallery, Photo Gallery and Online Instruction. A simple javasript slider for all purposes.
15. Multidirections Image Scroller
This simple jQuery plugin provide to create an multidirectional image scroller with mouse events.
16. jQuery Animated Innerfade
jQuery Animated Innerfade is an animated slide show based on the work of Torsten Baldes : Innerfade, with additional functions: slide effect on large images, prev, pause, next functions, an optional background frame and a title panel.
17. Pikachoose
Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. Pikachoose is designed to be easily installed, easy to setup, and well all around easy.
18. jQuery Slinky Slider
Slinky Slider loads a user defined number of HTML files into panels. The panels are stacked up horizontally inside a nominated container. Once the panels have been loaded, all bar one are collapsed to a clipped small size. An automatic animation cycles through the panels showing the content of each in turn. When the user mouses over a panel, it expands and the automatic animation stops. The panel content can be full HTML, flash or other media, or just plain image references.
19. jQuery Easy Slider
Easy Slider plugin enables images or any content to slide horizontally or vertically on click. It is configurable with css alone. So, basically you link to plugin file, set the content up and style it with css.
20. Photo Slider
Photo Slider is a simple to use JavaScript slide show that scrolls thumbnails as smooth as Flash.
21. jQuery Gallery View
This is the jQuery Gallery View II plugin which takes a list of your images and creates an easily styles photo gallery. This plugin will preload all of your larger images for faster viewing.
22. Galleriffic
Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth. I am not so great at spelling, and it was much later that I realized that the more appropriate spellings would be Gallerific or Gallerrific, but is too late now for a name change, so Galleriffic remains.
23. jQuery Image Cube
A jQuery plugin that sets a division to rotate between images or other things as if they were on the faces of a cube. The current version is 1.2.0 and is available under the GPL and MIT licences. For more detail see the documentation reference page. Or see a minimal page that you could use as a basis for your own investigations. The image cube functionality can easily be added to a division with appropriate default settings. It then displays the images contained within the targetted division in a cycle every two seconds. A random rotation is chosen each time to move to the next image. Highlights and shadows are used to enhance the 3D effect.
24. JMyCarousel
JMyCarousel is a free, highly customizable, non obstrusive image carousel. It has been created to suit a maximum of needs. It enables to display a list or gallery of images in a dynamic way,can be adapted very easily to any layout, and the way it animates the picture is adaptable.
25. slideViewer
slideViewer is a lightweight plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images. Works with jQuery 1.2 and jquery.easing.1.2. slideViewer checks for the number of images within your list, and dinamically creates a set of links to command slide you pictures. Also, clicking on each image will make the gallery slide to the next picture.
26. Step Carousel Viewer
Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps. And fear not in taming this script to go exactly where you want it to- two public methods, two custom event handlers, and three status variables are here for that purpose.
27. aSlideshow
This plugin allows you to create dynamic, controllable slideshows or presentations for your website.
28. jQuery SerialScroll
This plugin allows you to easily animate any series of elements, by sequentially scrolling them. It uses jQuery ScrollTo to achieve the scrolling animation. It is a very unrestricted plugin, that lets you customize pretty much everything from outside. You can use horizontal or vertical scroll, also combined.
29. CrossSlide
CrossSlide is a jQuery plugin implementing some common slide-show animations, traditionally only available via Adobe Flash or other proprietary plugins. CrossSlide builds upon jQuerys animation facility, so it is as portable across browsers as jQuery itself that is, a lot. Internally CrossSlide does not rely on lookup tables, building instead a chain of functions. Each function starts a linear phase of the animation through jQuery, setting the next function in the chain as a complete callback. After all the functions are prepared and the animation is started, no other calculations are made. This setup reduces runtime overhead to the absolute minimum, making CrossSlide the most optimized implementation of these effects. CrossSlide can create a few different effects, depending on how its called.
30. flickrGallery
flickrGallery is an open-source photo gallery for jQuery that allows you to dynamically pull images from a photoset in Flickr. The purpose of this plugin is to allow for a dynamic image gallery that is easy to add or remove images from. Once the gallery is added to a website, the code doesnt need to be changed again to update images. Everything, including image captions, is updated from Flickr.
31. MopSlider
MopSlider is a sweet and simple javascript slider. Any number of items can be put in MopSlider, setting is very simple and it is really easy to use.
32. YCodaSlider
Slider scripts are one of the common objects of newspaper and portal websites. They are very useful as they help us present more content in a limited space. This script helps you present your content with a tabbed menu and previous, next buttons to switch between tabs. YCodaSlider 3.0 requires jQuery to run and you can use any type of content inside the slider like HTML, Flash, webpages etc.
33. Slideshow 2
Slideshow 2 is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website.
34. Ultimate JavaScript Slider and Scroller
This versatile and lightweight JavaScript clocks in at less than 3.5kb unpacked. Create eye catching slideshows with this efficient plugin.
35. YUI Slideshow
This slideshow is based on YUI, Yahoos javascript library. You can choose in different classes of trasitions: sliding, fading, squeezing.
36. Control Tabs
Control Tabs attaches creates a tabbed interface from an unordered list of links or anchors that point to any elements on your page that have an id attribute. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one line of code for simple use cases, but is highly customizable and can be used in a variety of edge cases.
37. Lightweight Image Gallery with Thumbnails
Showing images online is a big thing. Besides elementary stuff like flickr, there are a vast number of image gallery scripts available online. Some are free and some cost a little. Some are really good and some are terrible. Some of the biggest flaws with the existing ones are that they either require flash, server-side scripting or a heavy javascript source. And the ones that uses pure javascript are rarely degradable and dont include thumbnails. So here is another one.
Related posts:
- 15 Impressive JavaScript Animation Frameworks Create impressive eye-popping animations in JavaScript with this collection of...
- Magic – a simple JavaScript animation framework Magic is a simple JavaScript animation framework that helps create...
Related posts brought to you by Yet Another Related Posts Plugin.
- In: User Interface
Comments are closed.