Welcome

Innovation distinguishes between a leader and a follower.

" นวัตกรรมแยกผู้นำกับผู้ตามออกจากกัน " Steve Jobs



1. PhotoSquare Photography WordPress Theme ($79)

PhotoSquares is very flexible premium gallery WordPress theme that is perfect way for designers and photographers to display their portfolio.
This theme allows you to set your own thumbnail sizes so everyone will be able to create most suitable layout.
Photosquares-premium-wordpress-photography-theme

2. GalleryView: A jQuery Content Gallery Plugin

GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.
gallery-view-jquery-image-slideshow-tools-free

2.1. Sexy Slider

SexySlider is a JQuery plugin that lets you easily create powerful javascript Sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider!

3. Sliding Image Gallery jQuery Plug-in

The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides. The user can click either of the smaller images to bring them to the center, or the center image to enlarge it. For optimal use, this plug-in should be applied to seven or more images, but can work with fewer (images will be duplicated in order to bring the total to seven).
sliding-gallery-jquery-image-slideshow-tools-free

4. PrettyPhoto jQuery Lightbox Clone

PrettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox. The setup is easy and quick, plus the script is compatible in every major browser.
prettyphoto-gallery-jquery-image-slideshow-tools-free

5. Create Beautiful jQuery slider tutorial

This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.
beautiful-gallery-jquery-image-slideshow-tools-free

6. AD Gallery – a jQuery gallery plugin

A highly customizable gallery/showcase plugin for jQuery.
ad-gallery-jquery-image-slideshow-tools-free

7. FancyBox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.
fancybox-gallery-jquery-image-slideshow-tools-free

8. Shadowbox

Shadowbox is an online media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.
shadowbox-gallery-jquery-image-slideshow-tools-free

8.1.AviaSlider – jQuery Slideshow

AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project.
It comes with an image preloader so the slider starts when images are ready to be shown. No clumsy animations with half loaded images.

9. 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.
galleriffic-gallery-jquery-image-slideshow-tools-free

10. Colorbox

A light-weight, customizable lightbox plugin for jQuery 1.3.
colorbox-gallery-jquery-image-slideshow-tools-free

11. The Lightbox Clones Matrix

Comparison of various scripts that display images and other objects in somehow cool CSS popups
lightbox-clones-jquery-image-slideshow-tools-free

12. 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.
fs-gallery-jquery-image-slideshow-tools-free

13. Moving Boxes

moving-boxes-gallery-jquery-image-slideshow-tools-free

13.1. DDSlider – 10 Transitions – Inline Content Support

DDSlider introduces a new easy-to-go slider with 9 different unique transitions (+fading & random—11 total) that support Inline Content. You can also have multiple sliders in the same page.

14. Creating a Slick Auto-Playing Featured Content Slider

featured-slider-jquery-image-slideshow-tools-free

15. Start/Stop Slider

start-stop-gallery-jquery-image-slideshow-tools-free

16. SlideViewerPro 1.0

SlideViewerPro is a fully customizable jQuery image gallery engine wich allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts.
slide-viewer-jquery-image-slideshow-free-tools

17. Pirobox V.1.2.1

pirobox-gallery-jquery-image-slideshow-tools-free

18. s3Slider jQuery plugin

The s3Slider jQuery plugin is made by example of jd`s smooth slide show script.
s3slider-gallery-jquery-image-slideshow-tools-free

18.1. Advanced Slider – jQuery XML slider

Advanced Slider is a jQuery plugin that allows you to easily create powerfull sliders using either XML , thus making the slider much easier to setup and maintain, or using HTML markup. The plugin also provides an easy to use API which will allow to further enhance the functionality of the slider and make it possible to integrate it into your own application. Please take a look at the list of features below.

19. CSS and Jquery – Creating an Image Slider

slider-gallery-jquery-image-slideshow-tools-free

20. 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.
rotator-gallery-jquery-image-slideshow-tools-free

21. jQuery spherical panorama viewer

A javascript viewer for displaying spherical panoramas. An alternative to Java and QuickTime technology.
panorama-gallery-jquery-image-slideshow-tools-free

22. Zoomimage – jQuery plugin

Present you images in stylish way. The links are unobtrusively highjacked to open the images in an inpage popup with drop shadow and border.
zoom-gallery-jquery-image-slideshow-tools-free

23. Building a jQuery Image Scroller

scroller-jquery-image-slideshow-tools-free

24. Easy Slider 1.5 – The Easiest jQuery Plugin For Sliding Images and Content

cssglobe-gallery-jquery-image-slideshow-tools-free

25. jQuery Panel Gallery Plugin

  • No slicing or editing of the images is needed
  • It’s just 5K
  • Easily configurable
  • Reusable on multiple containers
panel-jquery-image-slideshow-free-tools

25.1. uBillboard – Premium Slider for WordPress

uBillboard is a Premium Slider for WordPress. It is a jQuery based slider with a multitude of transitions and options for you to be able to customize it to your needs while not overwhelming you with options you never wanted or needed. Version 3 is a revolutionary release with most of the codebase rewritten from scratch. This has enabled us to integrate many features that you have been requesting during the first year.

26. Supersized – Full Screen Background/Slideshow jQuery Plugin

supersized-gallery-jquery-image-slideshow-tools-free

27. 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. Creating an image gallery shouldn’t be a complex thing. I’ve created a new plugin that I’m packaging with PikaChoose called SliderJS.
pikachoose-jquery-image-slideshow-free-tools

28. 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.
overlay-jquery-image-slideshow-tools-free

29. imgAreaSelect

imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).
Plugin features:
  • Highly configurable
  • Customizable with CSS styling
  • Handles scaled images
  • Keyboard support for moving and resizing the selection
  • Supports callback functions
  • Provides API functions for easier integration with other application components
  • Lightweight — the packed version is less than 8KB
imgarea-select-gallery-jquery-image-slideshow-tools-free

30. PFeloader

This is a preloader, it scans DOM and loaded StyleSheet’s for occurence of images (in sheet, style, as element).
StyleSheet file has to be in the same domain as page using it.
loading-gallery-jquery-image-slideshow-tools-free

30.1. jQuery Horizontal Image Scroller w/ Lightbox

This is a jQuery image scroller with lightbox. The scroll bar/indexes and directional buttons allow for easy navigation of your image gallery. Image click can either open the included lightbox or a regular link. The scroller is also re-sizable and fully configurable through the plugin’s parameters.

31. Image Reveal using jQuery

enlargement-gallery-jquery-image-slideshow-tools-free

32. The jQuery Cycle Plugin

The jQuery Cycle Plugin is a lightweight slideshow plugin. 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.
cycle-gallery-jquery-image-slideshow-tools-free

33. Galleria Plugin

This demonstration shows you aome more advanced effects you can accomplish with the Galleria plugin. The history object is also active, so feel free to try the back button in your browser and bookmark a page. The next and previous links are simple to create since the galleria object has two public functions for traversing the images in your list.
galleria-jquery-image-slideshow-tools-free

34. CrossSlide jQuery plugin

CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery’s animation facility, so it is as portable across browsers as jQuery itself (a lot.)
crosslide-jquery-image-slideshow-tools-free

35. Fancy Thumbnail Hover Effect w/ jQuery

fancy-gallery-jquery-image-slideshow-tools-free

36. Apple-like Slideshow Gallery

apple-gallery-jquery-image-slideshow-tools-free

36.1. li JQuery Slider/Image Rotator

li jQuery Image Slider / Banner Image Rotator is carefully crafted slider/image rotator, full of features, very easy to install and customize. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease!
This robust and yet elegant guy, has everything you need to build your next “to-impress” image slider.

37. JQZoom

JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want.
jqzoom-gallery-jquery-image-slideshow-tools-free

38. ImageFlow

ImageFlow is an unobtrusive and userfriendly JavaScript image gallery.
flow-gallery-jquery-image-slideshow-tools-free


39. image galleries

For some sites, image galleries are an absolute must. Portfolios are the first to come to mind, but galleries are also useful for blogs, e-commerce sites, and really any site that regularly displays multiple images on a single page.
Below are 25 fantastic jQuery gallery and slideshow plugins.
They’re all free (though some require different licensing for commercial use, have premium versions available, or offer paid add-ons).
We’re sure there’s almost certainly going to be something to fit whatever your current project needs.
Feel free to suggest other options at the end of this post in the comments’ area…

40. TN3 Gallery

TN3 Gallery is our own fantastic and professional jQuery image gallery plugin that includes slideshow capabilities. Features include a fullscreen option, dynamic image sizing, document linking, multiple albums and mouse wheel navigation. It can be skinned with CSS to match your site’s theme and it’s compatible with all modern desktop and mobile browsers and is also search engine friendly.


41. PikaChoose

PikaChoose is a lightweight slideshow plugin that can be used for carousels and lightboxes. A few premium themes are available for PikaChoose, including an instant photo theme, if you don’t want to create your own theme. It’s highly customizable and can be integrated with Fancybox.


42. Slides

Slides is a simple slideshow plugin for jQuery. It’s designed to help both novice and advanced users create user-friendly, elegant slideshows. You can includes images with captions and links, and embed multiple slideshows on a single page.


43. SlideDeck

SlideDeck is a powerful jQuery slider plugin that can be used for media galleries as well as other content. It offers full CSS customization, custom skins, slider mode (for more traditional slideshows), and touch screen support. There’s also a premium version available.


44. Coin Slider

Coin Slider is a jQuery slider with unique transition effects. It has flexible configuration options, and is compatible with IE6+, Firefox 2+, Safari 2+, Google Chrome 3+, and Opera 9+, all with valid markup. It’s also compatible with iOS and Android.


45. jQuery.popeye 2.0

jQuery.popeye 2.0 is an in-line slideshow plugin. It looks like just a normal image on a page until hovered on, when captions and navigation controls appear. It’s a great option for someone who wants an unobtrusive image gallery on their site. Controls and image count can also be included with the image when it’s not being hovered on.


46. Galleriffic

Galleriffic is built to handle large volumes of images while conserving bandwidth. It uses smart image preloading after the page has loaded, and can be integrated with the jQuery.history plugin for bookmark-friendly URLs per-image. You can add your own custom transition effects, there’s support for image captions, and the whole thing is very flexible.


47. Galleria

Galleria’s purpose is to make it easier for anyone to create professional-looking image galleries for the web and mobile devices. It comes bundled with a single theme, and additional premium themes are available starting at $9. You can also build your own theme using Galleria’s API.


48. Nivo Slider

The Nivo Slider includes 16 unique transition effects and tons of settings you can tweak to meet your needs. The markup is all clean and valid, and the packed version is only 15kb. The Slider also includes support for HTML captions, keyboard navigation, and linking images, and comes with three themes.


49. Smooth Div Scroll

The Smooth Div Scroll plugin lets content scroll horizontally to either the left or right, without limiting the scroll to distinct steps. There are no visible buttons or links, as scrolling is done through hotspots within the scrollable area, or with autoscrolling.



50. Sliding Image Gallery

The Sliding Image Gallery plugin was inspired by the iTunes album viewer. There are a few variations available, and full instructions for implementation are provided.


51.Sideways

Sideways is a fullscreen image gallery that’s absolutely gorgeous, especially on widescreen displays. It includes both a thumbnail viewer and next image navigation.


52.Orbit

Orbit is a simple image slider from Zurb. You can use image thumbnails for navigation, and it has clean, semantic code. Navigation can be inside or outside the container, it supports HTML captions, and even CSS3 Font-Face text over your images.


53. ShineTime

ShineTime is a jQuery and CSS3 gallery with animated shine effects on both the thumbnails and photo captions. It uses thumbnails for navigation.


54. AD Gallery

AD Gallery is a simple slideshow plugin that supports both slide in and fade in of images, preloading of images, and image descriptions. It will scale down images that are larger than the container size, while centering images that are smaller.


55. Supersized

Supersized is a fullscreen background slideshow. It automatically resizes images to fit the browser window while maintaining their aspect ratio and preloads images. There’s also a Supersized Flickr version that will pull images from your Flickr photo stream.


56. prettyPhoto

prettyPhoto is a lightbox clone, with support for images, video, Flash, iframes, and ajax. It can be used for single images or galleries, and galleries can have mixed content.


57.ColorBox

ColorBox is a lightweight and customizable lightbox plugin that supports photos, ajax, and iframes. It will preload your background images, and preloads upcoming images within a photo group. It comes with elastic and fade transitions, as well as the option for no transition between images.


58. YoxView

YoxView is a lightbox-type media and image viewer plugin. It supports images, video (including YouTube, Hulu, and Vimeo), inline content, iframes, Flash, and more. It can be embedded in the same page multiple times, and you can have content play automatically.


59.Micro Image Gallery

The Micro Image Gallery is a tiny image gallery plugin, designed for use when space is limited. There are three sizes available, 102 pixels, 162 pixels, and 222 pixels, and galleries can default to show thumbnails or a single image when loaded.


60. lightBox

The jQuery lightBox plugin was inspired by Lightbox JS. It’s simple and unobtrusive, overlaying images directly over the current page. There are a number of configuration options available for customizing the plugin.


61.Morphing Gallery

The jQuery Morphing Gallery plugin uses a combination of fades and shape-changing as transition between images. The entire slideshow changes size and shape to fit the image being displayed.


62.slideViewer

slideViewer is a simple jQuery image slider built on a singe unordered list. It offers tooltip captions for the images, which can be customized, as well as customizable CSS for styling.


63.Fancybox

Fancybox is a simple modal window style gallery plugin. It can handle a variety of content beyond images, including inline content, ajax, iframes, and Flash. It supports a variety of title positions, and the slideshow can be navigated using your mouse’s scrollwheel or with onscreen navigation.


64.Spacegallery

Spacegallery has a 3D interface that loads new images when you click on the existing one. It has a configurable border, animation duration, perspective height, and more.
Written exclusively for WDD by Cameron Chapman.
What’s your favorite jQuery gallery plugin? Is it on the list or something else entirely? Let us know in the comments!

65. AnythingSlider jQuery Plugin





66. Easy Slider – Numeric Navigation jQuery Slider



67. Create Beautiful jQuery slider tutorial




68.GalleryView



69. Image Flow





70. Slider gallery






71. Creating a Slick Auto-Playing Featured Content Slider






72. Create Featured Content Slider Using jQuery UI

 




73. Using the Wonderful jFlow Plugin



jQuery is already very popular because it is very fast and concise Javacript library simplifing and different event handling, smooth animation with very little code. With jQuery you can enjoy new way of web development and image galleries are the best way to use it effectively! Here you’ll have more than 35 different unique jQuery Javascript solutions for beautiful image galleries and great ways to display your images with light code

 
JUNCTION X © 2013. All Rights Reserved. Powered by Blogger
Top