30 Trendy AJAX, jQuery And Image Galleries You May Like

Posted in Coding, JS & AJAX • Posted on 19 Comments

One of the most important elements in successful portfolio is beautiful and unique image gallery catching eye with its sliding elements and great works. If you want to get the best impression you need to think about appearance the same way as you think about your portfolio works – you need to present and view them to grab attention, to show value!

Here you will find easy to customize and modern image galleries you can use for your own projects, portfolios and possibilities are endless here! You just need to put them in good use!

Sniper

Sniper has a great solution to showcase photography photos. They’re using a slider to display the image full screen and placing the controls on right corner which is user friendly to navigate by the user. When the imageslide they really attract your attention and continue viewing the other photos. Breathing space is a must specially showcasing photos.

Preview

Of course, there are many various solutions in the list as well. Implementing large backgrounds, zooming images, optimizing them for retina displays, responsive/mobile
friendly, using videos in your galleries – you’ll find it all below.

Slider Revolution

Slider Revolution

Slider Revolution is a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimisation (all content always readable for search engines). See the heaps of custom
transitions/animations for each object on the page! Customize this slider with our convenient drag&drop backend to your very needs.

This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.

It’s a premium plugin, but I will tell you that you worth the penny you spend.

Few other important benefits to Slider Revolution:

  • Image and Thumbs fully resizable
  • Using CSS Animation with FallBack to jQuery
  • Unlimited Caption Layers
  • Captions like Video, Image and html tags can be easily Created
  • Unlimited Slides
  • iPhone & Android Swipe Touch enabled
  • jQuery Conflict free plugin
  • Customizable 100% via Plugin Backend
  • Easy installation in your Website

Worried about coding skills? Slider Revolution had a Video Support which is easy to follow no advance coding skills required, easy as cooking bacon. Ah..but what am I saying just check for yourself – Kenburner Responsive Jquery Slider has pretty good feature rundown and live examples.

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.

View Demo

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

View DemoDownload Now

3. s3Slider jQuery plugin

This one is handy to put in portfolio header of index page. Self-image changing.

View DemoDownload Now

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

View DemoDownload Now

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

View DemoDownload Now

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.  

View DemoDownload Now

7. jqFancyTransitions

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. 

View DemoDownload Now

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 DemoView JavaScript File

9. jQuery Image Scroller

View DemoDownload Now

10. Image Rotator

Image rotator is great way to display portfolio images, eCommerce product images, or even as an image gallery.  

View Demo

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.

View DemoDownload Now

12. Apple style image slider

View DemoView Source

13. Easy slider 1.7

For this one it’s easy to set up your own options to image gallery.

Demos: Herehere and hereDownload Now

14. Circular Image Gallery

View DemoDownload Now

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

View DemoDownload Now

17. Photo Gallery

View DemoView Source

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.

View DemoDownload Now

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 DemoView 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.

View DemoDownload Now

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.

View DemoDownload Now

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

View Demo | Download Now

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.

View DemoDownload

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.  

View DemoDownload Now

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.

View DemoDownload Now

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.  

View Demo

27. Polaroid Gallery

Polaroid Gallery is a free, opensource flash gallery.  

View DemoDownload Gallery NowDownload Flash File Now

28. TiltViewer

TiltViewer is a free, customizable 3D Flash image viewing application.  

View DemoDownload Now

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.

View DemoDownload Now

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.

View DemoDownload Now

Flash

Page Flip Photo Gallery template for Picasa

13 Written Articles

Valters is 17 years old freelancer from Latvia. His experience in web-building is about 3 years - PHP, xHTML, CSS. He enjoys web-building with different languages. You can follow him on Twitter.

19 Comments Best Comments First
  • Héctor Gutiérrez

    Tuesday, May 4th, 2010 07:28

    12

    Great job man! Thank you very much!

    +3
  • Erik Kubitschek

    Tuesday, May 25th, 2010 15:54

    14

    Really, really nice roundup. These are indeed the best of the best galleries available, especially considering multi-platform aspect.

    E

    +1
  • Gabriel

    Friday, January 13th, 2012 15:27

    19

    Hi Valters,

    Thank you for this beautiful collection. I did recognize some of the Slideshows/Banner in the collection. I am surprised that you have included some Flash galleries, but not even one gallery from the guys at flashxml.net
    I have been using their products for about a year now and I have always liked the simplicity of the set-up and how everything is controlled from the XML files. I know you can’t check everything on the internet, but I really wanted to share these guy’s work…I think it’s awesome.

    +1
  • kevin

    Friday, April 30th, 2010 15:40

    7

    Missing Gallery view: http://spaceforaname.com/galleryview
    Otherwise, nice roundup.

    0
  • Mike Smedley

    Friday, April 30th, 2010 15:19

    2

    Exactly the kind of post I was looking for – my company has asked me to look into advanced image gallerys and I wanted to stay away from Flash – just found the exact plugin I was looking for here!!!

    0
  • Webstandard-Blog

    Friday, April 30th, 2010 14:49

    6

    Ncie collection, but if you need some more don’t miss Creative Image-Galleries by jQuery!

    0
  • Yvonne

    Friday, April 30th, 2010 20:36

    8

    Nice collection! I’m also trying to stay away from Flash galleries since they’re not supported on the Apple mobile products.

    0
  • Jonathan Moreira

    Friday, April 30th, 2010 16:45

    3

    The peacemaker XML Gallery is STUNNING!! The most beautiful slider I’ve ever seen! Thanks for sharing this great collection! :-)

    0
  • John Smith

    Friday, April 30th, 2010 13:56

    4

    Nice collection of AJAX and jQuery image galleries. I will bookmark this page. it will help to create portfolio section of my website. Thanks for sharing this post.

    0
  • Deluxe Blog Tips

    Friday, April 30th, 2010 20:17

    5

    Very beautiful jQuery plugin and image galleries. I love the flash gallery. Thank you very much for sharing.

    0
  • Greg Babula

    Saturday, May 1st, 2010 23:38

    10

    Great collection, thanks! :-)

    0
  • Terri Lockerridge

    Saturday, May 1st, 2010 06:49

    9

    These are fantastic! Even a novice like myself can use these successfully! Thank you again so much for searching out and posting these links for us!☺

    0
  • Amin

    Thursday, December 15th, 2011 23:13

    17

    Very good collection. Thank u so much, will help me to generate ideas

    0
  • nami

    Wednesday, January 11th, 2012 11:06

    18

    Very nice collectionnnnn… It’s so useful… tanx ;)

    0
  • Jorge

    Thursday, November 24th, 2011 20:44

    16

    Very nice collection. Thanks. Bookmarked!

    0
  • Shelley

    Sunday, July 17th, 2011 03:09

    15

    I like 5. jQueryGlobe – jQuery Plugin , and some other plugins.
    Thanks a lot.

    0
  • Zoe Feast

    Friday, April 30th, 2010 13:47

    1

    Very nice collection. I will make sure I bookmark this as I am sure it will be an invaluable resource next time I have the need for an image gallery.

    0
  • Elmar

    Monday, May 3rd, 2010 17:02

    11

    missing Imago: http://imago.codeboje.de/

    0
  • Farhan Ali

    Tuesday, May 4th, 2010 13:37

    13

    Flash Galleries are great and the rest are crap. Also the title only say ajax-jquery galleries which is very biased.

    -2
  • Gabriel

    Friday, January 13th, 2012 15:27

    19

    Hi Valters,

    Thank you for this beautiful collection. I did recognize some of the Slideshows/Banner in the collection. I am surprised that you have included some Flash galleries, but not even one gallery from the guys at flashxml.net
    I have been using their products for about a year now and I have always liked the simplicity of the set-up and how everything is controlled from the XML files. I know you can’t check everything on the internet, but I really wanted to share these guy’s work…I think it’s awesome.

    +1
  • nami

    Wednesday, January 11th, 2012 11:06

    18

    Very nice collectionnnnn… It’s so useful… tanx ;)

    0
  • Amin

    Thursday, December 15th, 2011 23:13

    17

    Very good collection. Thank u so much, will help me to generate ideas

    0
  • Jorge

    Thursday, November 24th, 2011 20:44

    16

    Very nice collection. Thanks. Bookmarked!

    0
  • Shelley

    Sunday, July 17th, 2011 03:09

    15

    I like 5. jQueryGlobe – jQuery Plugin , and some other plugins.
    Thanks a lot.

    0
  • Erik Kubitschek

    Tuesday, May 25th, 2010 15:54

    14

    Really, really nice roundup. These are indeed the best of the best galleries available, especially considering multi-platform aspect.

    E

    +1
  • Farhan Ali

    Tuesday, May 4th, 2010 13:37

    13

    Flash Galleries are great and the rest are crap. Also the title only say ajax-jquery galleries which is very biased.

    -2
  • Héctor Gutiérrez

    Tuesday, May 4th, 2010 07:28

    12

    Great job man! Thank you very much!

    +3
  • Elmar

    Monday, May 3rd, 2010 17:02

    11

    missing Imago: http://imago.codeboje.de/

    0
  • Greg Babula

    Saturday, May 1st, 2010 23:38

    10

    Great collection, thanks! :-)

    0
  • Terri Lockerridge

    Saturday, May 1st, 2010 06:49

    9

    These are fantastic! Even a novice like myself can use these successfully! Thank you again so much for searching out and posting these links for us!☺

    0
  • Yvonne

    Friday, April 30th, 2010 20:36

    8

    Nice collection! I’m also trying to stay away from Flash galleries since they’re not supported on the Apple mobile products.

    0
  • kevin

    Friday, April 30th, 2010 15:40

    7

    Missing Gallery view: http://spaceforaname.com/galleryview
    Otherwise, nice roundup.

    0
  • Webstandard-Blog

    Friday, April 30th, 2010 14:49

    6

    Ncie collection, but if you need some more don’t miss Creative Image-Galleries by jQuery!

    0
  • Deluxe Blog Tips

    Friday, April 30th, 2010 20:17

    5

    Very beautiful jQuery plugin and image galleries. I love the flash gallery. Thank you very much for sharing.

    0
  • John Smith

    Friday, April 30th, 2010 13:56

    4

    Nice collection of AJAX and jQuery image galleries. I will bookmark this page. it will help to create portfolio section of my website. Thanks for sharing this post.

    0
  • Jonathan Moreira

    Friday, April 30th, 2010 16:45

    3

    The peacemaker XML Gallery is STUNNING!! The most beautiful slider I’ve ever seen! Thanks for sharing this great collection! :-)

    0
  • Mike Smedley

    Friday, April 30th, 2010 15:19

    2

    Exactly the kind of post I was looking for – my company has asked me to look into advanced image gallerys and I wanted to stay away from Flash – just found the exact plugin I was looking for here!!!

    0
  • Zoe Feast

    Friday, April 30th, 2010 13:47

    1

    Very nice collection. I will make sure I bookmark this as I am sure it will be an invaluable resource next time I have the need for an image gallery.

    0

Comments are closed.

50.19.169.37 - unknown - unknown - US