Best Jquery Slide Show Gallery
January 13, 2010 at 2:21 pm 4 comments
Using MooTools v1.11, 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. Together there are 7 different gallery demos, You can download and test for free.
Tutorial, how to create a slick auto-playing featured content slider.
8 different examples how to view Your images using MooTools, unfortunately there isn’t any documentation, but very easy to use gallery.Awesome collection
jQuery Lightbox clone, pretty similar to original Lightbox with few another features and full documentation.
A light-weight, customizable lightbox plugin for jQuery 1.3.
Easy Slider 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.
Galleria is a JavaScript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.
GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.
The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin. The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a “slide”. Options control how and when the slides are transitioned.
Image flow is inspired by Apple’s cover flow. The javascript renders the cover flow effect without any noticeable flaw. Keyboard navigation (arrow keys), mouse scroll and dragging is supported. Very cool script to use.
What exactly does Supersized do?
* Resizes images to fill browser while maintaining image dimension ratio
* Cycles Images/backgrounds via slideshow with transitions and preloading
* Navigation controls allow for pause/play and forward/back
This is my first jQuery plugin and to be honest I am quite proud of it. It’s nothing complicated – a simple image gallery/viewer. When calling the plugin you specify which images you want to use like this:
$(‘div.some-images img’).gallery();
The script would take all images within “div.some-images” (or whatever you specified) and put them within the gallery.
Images add life to a website. But plain simple images are now outdated. Splashy, layouts for images are the current hot trends in webdesigns. So here, I am going to provide the 30 best jQuery Photo Plugins that will help you to add an artistic and professional image galleries and slideshows to your website.
GreyBox can be used to display websites, images and other content in a beautiful way. It is very easy to use full-screen website, image gallery, which doesn’t conflict with pop-up blockers and it’s only 22 kb size!
The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature.
Space Gallery is another fancy jQuery photo gallery plugin. click on the image will make it fade away and the next image will move forward. Bring out the beauty offading transitions with SpaceGallery jQuery Plugin.
A jQuery plugin for rendering fast-performing photo galleries. Galleriffic was inspired by Mike Alsup’s Cycle plugin, but with performance in mind for delivering a high volume of photos.
Slideshow 2! is a JavaScript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage information.
This dynamic JavaScript slideshow is a lightweight (5kb) and free image gallery / slideshow script.
You can easily set it to auto-display the images, set the scroll speed, thumbnail opacity or to disable thumbnail slider.
JQuery Slideshow with three different features and displaying sides, fully customizable sizes, delay speed and with good documentation.
Suckerfish HoverLightbox Redux
Handy JavaScript, CSS based image gallery with another version of Lightbox included.
An elegant, lightweight slideshow JavaScript script.
The mooSlideBox v3 is a small and slim Ajax based extension or replacement of the common “Lightbox” that can be found on nearly every page. This Lightbox clone works in IE 6/7, Opera and Firefox. It is based on the MooTools framework version 1.11.
Unique Flash based 3D curve wall similar to Flashloaded version and you can also see other examples, but this one is free.
As stated on many other articles on DezinerFolio site, dfGallery is one of the coolest flash galleries currently on the Web.
Full screen image gallery using jQuery and Flickr
It’s a full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. It also supports a flickr search engine, thumbnails, captions, preloader and some other goodies.
Create an Image Rotator with Description (CSS/jQuery)
An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.
jQuery Image Overlay Plugin
The image overlay plugin is a simple jQuery plugin that attempts to present an image with an overlaid title/caption. The overlay drops in on hover, as you can see above.
Create Beautiful jQuery slider tutorial
This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.
Other
And finally if You still haven’t got enough galleries or one for Your taste You can check this huge collection of many different image galleries from DynamicDrive.com
If You know some more resources I missed here, feel free to add in comments and if You enjoy this article, let others know about it! Thankyou for your comments and suggestions.
Entry filed under: jQuery. Tags: .
1.
Mr. malik | January 29, 2010 at 1:31 pm
Thanks Anil nice post…
It helped me a lot..
carry on posting such a good post….
Chalta Riyo…….
TKcare….
2.
Anil | January 29, 2010 at 5:59 pm
Hi chotu, i think this is the best post in all the blogs, you added most advanced and latest slideshow in this post. thanks and i like to share this blog to all my friends.
3.
Ankit Garg | January 29, 2010 at 7:13 pm
You seemed to have done a lot of research on this. I liked the “3D Curve Wall” the most
4.
Anil Kumar | January 30, 2010 at 2:32 pm
Thanks for your comments ankit