30个你可能喜欢的时尚AJAX,jQuery图片展示插件
1. Full screen image gallery using JQuery and Flickr
Full browser – screened image gallery. Easy and understandable. Features:
- Flickr search using jQuery and JSON
- Full screen with kept ratio using CSS only
- A png raster to even out up-scaled jpegs
- Thumbnails with loader indicator and a nice hover effect that shows a bigger thumb (or description)
- A preloader loads the large images one by one for super-fast viewing
- Fetches the biggest image from flickr using their API
- Caption that can be turned on or off
- Navigate by clicking on either half of the image, or use the thumbnails.
2. Supresized image gallery
Features:
- 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
3. s3Slider jQuery plugin
This one is handy to put in portfolio header of index page. Self-image changing.
4. Nivo Slider
Features:
- 9 unique transition effects
- Simple clean & valid markup
- Loads of settings to tweak
- Built in directional and control navigation
- Packed version only weighs 7kb
- Supports linking images
- Keyboard Navigation
- Free to use and abuse under the MIT license
5. jQueryGlobe – jQuery Plugin
Features:
- Slick effect, no Flash needed
- It’s just 2K
- Reusable on multiple containers
- Cycles items via slideshow
- Can be styled with custom HTML/CSS
6. jQuery LightBox Plugin 0.5
jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.
7. jqFancyTransitions
jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.
8. Galleriffic
Features:
- Smart image preloading after the page is loaded
- Thumbnail navigation (with pagination)
- jQuery.history plugin integration to support bookmark-friendly URLs per-image
- Slideshow (with optional auto-updating url bookmarks)
- Keyboard navigation
- Events that allow for adding your own custom transition effects
- API for controlling the gallery with custom controls
- Support for image captions
- Flexible configuration
- Graceful degradation when javascript is not available
- Support for multiple galleries per page
View Demo | View JavaScript File
9. jQuery Image Scroller
10. Image Rotator
Image rotator is great way to display portfolio images, eCommerce product images, or even as an image gallery.
11. Simple Image Slide Show
Image Slide Show is one of the famous components in web design and development. A lot of the websites display news headlines in an image slide show to attract viewers attention, of course, with caption/excerpt. No doubt about it, this is a clever method not only to gain attentions, but it also makes the website more alive.
12. Apple style image slider
13. Easy slider 1.7
For this one it’s easy to set up your own options to image gallery.
Demos: Here, here and here | Download Now
14. Circular Image Gallery
15. jQuery Image Strip
16. Coin Slider
Features:
- Unique transition effects
- Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
- Valid markup
- Flexible configuration
- Auto slide
- Navigation box
- Lightweight (8kb only)
- Linking images
- Free to use under MIT licence
- Fully customizable using CSS
17. Photo Gallery
18. AJAX Image Gallery powered by Slideflow
The photos and titles are read from an XML file, and the thumbnails are pre-generated using Photoshop actions.
19. slideViewer 1.2
SlideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing
just few lines of HTML. 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.
View Demo | View JavaScript File
20. jQuery Before /After Plugin
Features:
- Slick effect, no Flash needed
- It’s just 7K (4K compressed)
- Reusable on multiple containers
- Degradable. If the visitor doesn’t have JavaScript they will still see both images.
21. Slick Auto-Playing Featured Content Slider
There is a main content area, which slide from left to right each with different unique content. There is generally a set number of panels, but the code is written in such a way that adding or removing panels isn’t a huge pain. There are links which act as navigation to quickly jump to any particular panel.
22. AnythingSlider
Features:
- Slides are HTML Content (can be anything)
- Next Slide / Previous Slide Arrows
- Navigation tabs are built and added dynamically (any number of slides)
- Optional custom function for formatting navigation text
- Auto-playing (optional feature, can start playing or stopped)
- Each slide has a hashtag (can link directly to specific slides)
- Infinite/Continuous sliding (always slides in the direction you are going, even at “last” slide)
- Multiple sliders allowable per-page (hashtags only work on first)
- Pauses autoPlay on hover (option)
- Link to specific slides from static text links
Flash
23. CU3ER The Free Flash 3D Image Slider
CU3ER, in a nutshell, is a .swf (flash) file, designed & developed for displaying images & slides in 3D way. It requires an XML configuration file in which the paths to the existing images and instructions (settings), necessary for handling those, are defined. This image slider is equipped with a great range of features that enhance the user’s experience of viewing slides. They can be grouped together lining User Interface and 3D Transitions.
24. The Piecemaker XML Gallery
The Piecemaker, a 3D Flash image rotator gallery in the purest sense of the word. It’s Open Source, so feel free to download it, use it in any project you like, learn from it, modify it and improve it if you can.
25. SimpleViewer
SimpleViewer is a free, customizable Flash image gallery. It allows you to display your images on any web page in a professional, intuitive and simple way.
26. Flash Page Flip Photo Gallery template for Picasa
This gallery is made just like real album in your hands! Isn’t that so exciting? This template is based on the free version of the FlashPageFlip flash engine on www.flashpageflip.com. It lacks the advanced functions of the commercial versions but still makes a very nice photo album on your website. You can see and hear the pages flip.
27. Polaroid Gallery
Polaroid Gallery is a free, opensource flash gallery.
View Demo | Download Gallery Now | Download Flash File Now
28. TiltViewer
TiltViewer is a free, customizable 3D Flash image viewing application.
29. Flash Photo Gallery
The Flash version of AgileGallery is a free Flash photo gallery that rips through the XML output from Picasa (a free download from google) and generates the paging and thumbnails and displays the full sized photos along with any description entered in Picasa. It also includes a slideshow feature.
CSS
30. Cross Browser Multi-Page Photograph Gallery
This one is using CSS only – that means that there is no JavaScript. Based on the look of Suckerfish HoverLightbox, this one uses my multi-page layout system but includes images instead of text.