Menu

100 Best Free jQuery Image and Content Slider Plugins

When wanting to present photographic, video or written content in new and visually interesting ways, then a slider can often be a good choice. Sliders help to save space on the page by containing many different images, text and link information in a fixed space.

Not all sliders are built the same though. Some aim to be as small as possible (some as little as just 2KB) in order that they can load faster, while others want to add in as many bells and whistles as they possible can.

We have worked hard to find 100 of the best free jQuery image and content sliders which will run well on your non-blog sites. Several of the best sliders also have a WordPress compatible version too. We hope you enjoy our list and find it useful for your next development project.

Simple Multi Item Slider

8.jquery-image-and-content-slider-plugin

Advertisement

A gorgeous looking and highly function slider. This displays four large product images and 4 categories below, with the current category pre-selected. Clicking on an image can bring up the respective product page. Clicking a different category prompt the slider to pull the product images off to the left, and then pull in 4 new products, one at a time at accelerating speeds. Very slick and perfect for an interactive online clothing store. The markup is then explained.
Demo | Source

 

Flexslider

jquery image and content slider pluginFlexSlider from popular WooThemes provides a wealth of responsive sliders, carousels and video options. Attractive sliders like one with mini thumbnails at the bottom and a larger version up top. Touch swipe support for mobile devices and Windows 8. Frequently updated.
Demo | Source

 

Bubble Slideshow Effect with jQuery

2.jquery-image-and-content-slider-pluginAn unusual bubble effect that displays a series of bubbles containing part of the image from the next slide, gradually revealing more bubbles until the next slide is completely revealed. Uses jQuery and CSS background properties to pull off the effect.
Demo | Source

 

Coding a Rotating Image Slideshow w/ CSS3 and jQuery

3.jquery-image-and-content-slider-pluginHere is a fully functional rotating image slideshow, with a complete instructional explaining step by step just how they pulled it off. Watch the postage stamp shaped image rotate 90 degrees and morph into a different slide once the rotation is complete.
Demo | Source

 

HTML5 Slideshow w/ Canvas & jQuery

4.jquery-image-and-content-slider-pluginExplore this HTML5 Slideshow that uses jQuery and the latest Canvas property to enable fade ins and fade outs, and slick slide moves. Impressive visuals, all broken down with each part of the code explained.
Demo | Source

 

Making a Mosaic Slideshow With jQuery & CSS

5.jquery-image-and-content-slider-pluginWith this slideshow, the developers were looking for something a bit different. They came up with a mosaic transitional slider effect. The main slider image displays within a square grid, and tiles within this grid gradually change when a new slide starts to be shown. It is all explained in a tutorial from TutorialZine.
Demo | Source

 

Apple-style Slideshow Gallery With CSS & jQuery

6.jquery-image-and-content-slider-pluginThe carousel is a an Apple inspired slideshow gallery which displays high quality images from a product line, with smaller versions of each shown below, which can be selected. Slides move right to left quickly, and if a selected slide is several slides deeper, then slides rapidly slide across until the selected slide can be displayed. Reminiscent of the Apple web site and fully explained in a tutorial too.
Demo | Source

 

Responsive Image Gallery with Thumbnail Carousel

7.jquery-image-and-content-slider-pluginA responsive gallery with a twist. A choice of whether to display a carousel of image sliders or not, and a responsive viewport for the image which adjusts to the size of your display screen. A loading rotating clock ticker displays as the new slide is loaded and then overlayed over the previous one. Code is explained below the slider demo.
Demo | Source

 

Full Width Image Slider

9.jquery-image-and-content-slider-pluginAn extremely fluid slider that will adjust to the size of the viewport. Contained within a iPad frame are slide images, which zoom off left or right when navigated. Very flexible with a variety of optional setups. Code explained below in the separate link.
Demo | Source

 

Elastic Content Slider

10.jquery-image-and-content-slider-pluginAn elastic slider that fits the size of the viewing window. Boxed slider, with graphical tabs below the slide. The slider itself can include scroll bars on the right side if the containing content is ultimately too larger for the slide window. Code is fully explained.
Demo | Source

 

Fullscreen Slit Slider

11.jquery-image-and-content-slider-pluginA totally beautiful full screen that uses every pixel to display colorful slides. Each slide includes functional navigation buttons at the bottom, gray navigational arrows on each side, a famous quote and a graphic at the top that slides across independent of the other elements when the slide is changed. Code is fully explained.
Demo | Source

 

Swift Content Navigation

12.jquery-image-and-content-slider-pluginThis slider displays an image & a caption and when the navigation is clicked, the image with turn into a ghost-like image with high opacity and fly off in a random direction until it is off the screen, revealing the next slide in the center. Quite original and unusual. The source code is then minimally explained.
Demo | Source

 

Vertical Showcase Slider

13.jquery-image-and-content-slider-pluginThis slide is targeting a slick shopping experience using initially two product images and a main image above, with product information shown over on the left side. Selecting an alternate image will push the main image upwards out of the frame and the next image with push upwards to replace it. The information panel on the left will also push downwards. Therefore, you have two directions of movement when a slide is changed. Click the product images from the carousel will cause them to rotate through several more products in the collection, so it would be possible to show an entire spring/summer or autumn/winter collection this way. The markup is fully explained.
Demo | Source

 

Triple Panel Image Slider

14.jquery-image-and-content-slider-pluginThe triple panel image slider is really something else. It is like a three sided greeting card standing up. There is the main center image, and two off to an angle on either side with a 3D effect. The center image has a title and a caption with it. Using the bottom navigation, each section of the triple panel will experience another image sliding across until the old image is erased. Mousing over either side of the card will cause it to raise or fall slighly too. All full explained in the accompanying tutorial.
Demo | Source

 

Parallax Content Slider

15.jquery-image-and-content-slider-pluginThis is a more traditional parallax content slider where the title zooms off on its own, rapidly followed by the rest of the slide. There are several modes including the default, auto-play (which automatically changes the slides for you) and a no parallax effect mode. Code fully explained.
Demo | Source

 

Elastic Image Slideshow

16.jquery-image-and-content-slider-pluginThe Elastic Image Slideshow is a little different. Thin black bars line up horizontally below the slideshow can be clicked to change the slide. With slides that have a two word title, each word arrives separately as the slide image changes. Quite unusual appearance with full screen. All fully covered in the tutorial.
Demo | Source

 

Rotating Image Slider

17.jquery-image-and-content-slider-pluginHere is a fashion slider with a difference. Four separately angled fashion images. Navigating left or right will cause each of the four images to slide out of view, and another set of four images will display in their place. The demo needs full screen and a high resolution to get the full effect. The tutorial explains just how they did it.
Demo | Source

 

3D Wall Gallery

18.jquery-image-and-content-slider-pluginHere is a thumbnail preview slider featuring a long series of model images from left to right. Something akin to a volume slider sits at the top of this full screen slider and can be dragged across, which pulls the images further along in the slideshow. Alternatively, more traditional buttons at the bottom can navigation a particular slide if you know where it is in the order. Captions and links can be added to individual slides too. The Safari web browser will show the coming images in a 3D perspective, but other browsers like Firefox just show the images normally and retains the remainder of the functionality. Images are used to explain how they pulled this one off.
Demo | Source

 

Thumbnails Preview Gallery

19.jquery-image-and-content-slider-pluginThe Thumbnails Preview Gallery is a curious one. The demo shows several different types of option including images that zoom in gradually, images that slide across when viewing the image frame and other choices. All navigated via buttons at the bottom. Difficult to see how one would use this on a functional site though as it’s not all that self explanatory for the site visitor. Tutorial explains all.
Demo | Source

 

zAccordion

20.jquery-image-and-content-slider-pluginThis is a horizontal accordion slider that displays several images in a single frame, which slightly overlap each other. When clicking an image that is only partly revealed on the right side of the frame, this will then slide out to display more fully. Captions can also be included with a good amount of information for each and there are transition animations too. An interesting alternative to the usual slider. Implementation is explained, along with download options.
Demo | Source

 

Parallax Slider With jQuery

21.jquery-image-and-content-slider-pluginThis parallax slide effect is very pretty. A colorful background, with old style photos contained in unique frames. When hovering over a photo, it rises up noticeably. Clicking on it will cause the slider to slide across until it reaches that slide. The markup is explained and source code is provided.
Demo | Source

 

Portfolio Zoom Slider

22.jquery-image-and-content-slider-pluginThis one is sweet. A tiny slider is integrated on the page and fully functional. It can also be clicked on to display a pop-up using the Fancybox plugin and the Cloud Zoom plugin is used her too. The images within the slider can then be quickly navigated through in the larger form. Code deals with potential jQuery code conflicts with other plugins and this is discussed and resolved.
Demo | Source

 

Animated Portfolio Gallery

23.jquery-image-and-content-slider-pluginThis full screen unique approach to a gallery has a series of page thumbnails in a scroller on the left side and clicking one will change the rest of the screen real estate to display that slide. Each image includes a separate title and project description, and the image within the slide can be clicked on to get a closer view inside a pop-up. Code explained separately.
Demo | Source

 

Tiny Circle Slider

24.jquery-image-and-content-slider-pluginThis is a wide circle slider where you click on the red dot and then drag it left or right around the circle. As you do so, the image also slides and changes to a series of images contained inside the circular slider.
Demo | Source

 

Slider Gallery With jQuery

25.jquery-image-and-content-slider-pluginThis is ideal for displaying several fashion shows. You select one of the fashion shows and a series of photos are displayed. Clicking on one of those can bring up a larger version. It’s then possible to navigate through the entire show photo by photo using the pop-up.
Demo | Source

 

Photostack Gallery with jQuery and CSS3

26.jquery-image-and-content-slider-pluginHere a series of tabs showing images and information. When clicking one, a photo is displayed in an attractive frame. By clicking the arrow at the center of the photo will cause the photo to slide behind and reveal the photo behind it in a stack of photos shown.
Demo | Source

 

Simple Content Slider

27.jquery-image-and-content-slider-pluginA content slider that shows sliding out tabs on the right side that can be clicked on. This changes the slide that displays. Each slide can have information added and a link to further information.
Demo | Source

 

AD Gallery – a jQuery gallery plugin

28.jquery-image-and-content-slider-pluginThis gallery has a carousel at the bottom with it’s own navigational elements. The slideshow itself can be started and stopped from running on automatic. Each image shown can have a title and a description underneath.
Demo | Source

 

Pikachoose

29.jquery-image-and-content-slider-pluginWith simple two line captions and multiple larger thumbnails that when clicked on will swap out the main slide, this simple slider does the trick.
Demo | Source

 

Galleria

30.jquery-image-and-content-slider-pluginGalleria is a well developed slider with many different options. Responsive, able to pull image and video galleries in from Flickr, Picasa, YouTube and more. Mobile support. Able to run full screen automatically, with simple captions at the very bottom. This is a minimalist slider that’s not lacking in features.
Demo | Source

 

s3Slider

31.jquery-image-and-content-slider-pluginS3Slider is a subtle slider with a greater focus on the layer that can slide up from the bottom, on the left or right side, or both, to display relevant information to the site visitor.
Demo | Source

 

jQuery Popeye

32.jquery-image-and-content-slider-pluginThe jQuery Popeye slider is different than others. It tends to be much smaller, with more emphasis placed on the captions near the image rather than overlaying the image. Controls on or near the image can control the direction of the slider, sometimes offering an automatic flow option.
Demo | Source

 

Easy Slider

33.jquery-image-and-content-slider-pluginThe Easy Slider is a robust slider that has prominent navigation on either side and is capable to pushing slides around with ease. There are several versions of this slider as it has been upgraded over time.
Demo | Source

 

Galleriffic

34.jquery-image-and-content-slider-pluginA gallery plugin with several rows of dulled images on the left side and a main gallery image on the right. Clicking on any of the thumbnails will change the main image accordingly.
Demo | Source

 

Beautiful jQuery slider tutorial

35.jquery-image-and-content-slider-pluginA simple widescreen image slider that lacks left/right navigation and instead uses numbered buttons to click and change the slide. Very simplistic, yet still effective.
Demo | Source

 

slideViewer

36.jquery-image-and-content-slider-pluginA simple slide viewer built from one ordered list. The ordered list is shown plainly as a horizontal navigation in the bottom left corner right below the image. Sliders push across smoothly.
Demo | Source

 

jFlow

37.jquery-image-and-content-slider-pluginNetTuts offers here their simple large slider with colorful arrow navigation elements. Simple implementation and background explanation provided.
Demo | Source

 

Image Flow

38.jquery-image-and-content-slider-pluginUnusual image flow that works much like the album covers do on iTunes, spinning around as you move the mouse wheel around. A center-positioned bar can be moved across and the images twirl around as if on a carousel.
Demo | Source

 

Space Gallery

39.jquery-image-and-content-slider-pluginHere and image gallery looks a little like a space effect. One photo at the front, and the shadows of other photos behind that. When clicking on a photo shadow behind, the current photo moves off and the next one on the list (not the one clicked) is displayed. Simple yet effective.
Demo | Source

 

Slick and Accessible Slideshow Using jQuery

40.jquery-image-and-content-slider-pluginThe Slick Slideshow is a nice border with a slide and textual information provided adjacent to it. Navigation arrows allow users to scroll through the slides. Clean and simple.
Demo | Source

 

Sliding Image Gallery jQuery Plugin

41.jquery-image-and-content-slider-pluginThe sliding image gallery shows three images side by side. The ones to the left and right of the center image are smaller. Clicking on the center image will zoom into it, but not create a pop-up. Clicking on one of the smaller outer images will rotate the gallery around.
Demo | Source

 

Simple Controls Gallery

42.jquery-image-and-content-slider-pluginThis is an attractive alternative to a pop-up. It shows an image. When hovering over it, the title of the image shows at the top, and a navigation element shows at the bottom. With the navigation, you can move left, right or choose to start/stop the automatic slideshow.
Demo | Source

 

Smooth Div Scroll

43.jquery-image-and-content-slider-pluginThis slider uses very large navigation buttons and combines the slider with the ColorBox plugin for attractive image pop-ups.
Demo | Source

 

Supersized

44.jquery-image-and-content-slider-pluginSuperSized is not a McDonald’s meal, but instead a full screen slider with navigation buttons on the bottom and automatic slideshow options too. Image credits can be shown. A hidden carousel reveals with a button press to provide the extra option to click on individual slides to view them.
Demo | Source

 

EoGallery

45.jquery-image-and-content-slider-pluginAnother gallery animation that shows three images and lets you navigate around. This one is extremely basic in appearance. Could really do with someone skills in graphic design to give it a new look, but it functions fine.
Demo | Source

 

jCarousel Lite

46.jquery-image-and-content-slider-pluginA crude but effective slider contained in basic border framing. Lacks a pop-up and other fancy features though.
Demo | Source

 

Building a jQuery Image Scroller

47.jquery-image-and-content-slider-pluginLearn how to build a jQuery Image scroller from Tuts.
Demo | Source

 

Easy Gallery

48.jquery-image-and-content-slider-pluginEasy Gallery is a very simple slider that automatically moves from one slide to the next. There is a small animation where the slide first moves a little to the right, before moving completely out of the left frame, and another slides moves across to replace it.
Demo | Source

 

Timelinr

49.jquery-image-and-content-slider-pluginA cute time-line with dates across the top, which rotate gradually as each slide is revealed. Useful for company history time-lines and such like.
Demo | Source

 

Raccordion

50.jquery-image-and-content-slider-pluginA horizontal accordion that is very wide, with thick slices of the other slides hidden behind which when clicked slider across in an attractive manner. A caption and description sits below each slide.
Demo | Source

 

RSlider

51.jquery-image-and-content-slider-pluginCredited as the first ever full screen responsive slider, this one features large rectangular slide topics or sections that can be clicked on to change the slide. There is also arrow navigation should it be needed.
Demo | Source

 

Quake Slider

52.jquery-image-and-content-slider-pluginFlexible pagination, thumbnail support, open source with over 40 transitions between slides. 3 different themes to choose between as well. Full explained with markup.
Demo | Source

 

SmartGallery

53.jquery-image-and-content-slider-pluginSmartGallery is a smart little slider with thumbnails that reveal once the dotted box is clicked. The slideshow displays in the center of the screen, and there are a range of different slide transitions included which are attractively done.
Demo | Source

 

Content/Thumbnail Slider

54.jquery-image-and-content-slider-pluginThis is a rotating image slider with at least two areas where images are sliding around and a third that usually remain still.
Demo | Source

 

Smart Background Slider

55.jquery-image-and-content-slider-pluginThis smart background image slider includes a full screen background, with a graphical and textual area in the foreground. Uses standard HTML for the written content, so it is fully accessible by today’s search engine bots for full indexing.
Demo | Source

 

Skitter

56.jquery-image-and-content-slider-pluginSuper fast slider aptly named “Skitter” with five background themes and many different slide transitions to play around with. Button navigation with thumbnail previews when hovered over and arrow navigation also.
Demo | Source

 

Camera Slideshow

57.jquery-image-and-content-slider-pluginThis is an elegant slider with simple navigation options and the ability run the slideshow on automatic. Button navigation is also available at the bottom.
Demo | Source

 

Craftyslide

58.jquery-image-and-content-slider-pluginThis is a simple slider that removes the frills and keeps code down to just to 2kb. Includes attractive borders and button-based navigation.
Demo | Source

 

Elastislide

59.jquery-image-and-content-slider-pluginElastislide is an interesting one. It is a picture carousel with some nice graphics surrounding it. Several different types of carousel are possible, so it is best to play around with ideas to get things how you want them.
Demo | Source

 

Blueberry

60.jquery-image-and-content-slider-pluginBlueberry was written by a theme developer who needed a slider that would be width responsive, but came up empty during a search. He therefore developed his own. With a wide bevel and tiny button navigation at the bottom, this one is unusual and attractive on the page.
Demo | Source

 

The Slidorion

61.jquery-image-and-content-slider-pluginThe Slideorion features a text and sliding element on the right for several vertical tabs. Selecting one of them will create a transition effect for the slide on the slide. An effective slideshow for people that need to convey a lot of autobiographical information.
Demo | Source

 

Responsive jQuery Content Slider

62.jquery-image-and-content-slider-pluginThis responsive jQuery slider adjusts perfectly as your browser changes size. Would suit mobile sites perfectly. Swipe support. Images and video supported. Button and arrow navigation.
Demo | Source

 

Minimit

63.jquery-image-and-content-slider-pluginThe Minimit full width gallery jQuery code will create lovely transitions and transformations for you. Subtle changes are possible on the page with lovely use of color.
Demo | Source

 

BGNDGALLERY

64.jquery-image-and-content-slider-pluginThis background gallery not only does full screen backgrounds, but other types of very colorful sliders as well. Great transition effects. All fully explained and code available.
Demo | Source

 

Fluid Thumbnail Bar with jQuery

65.jquery-image-and-content-slider-pluginThis is a thumbnail bar across the middle of the screen with a series of images. Navigation either side if present to move things along. Basic, but effective.
Demo | Source

 

Fullscreen Slideshow With HTML5 Audio and jQuery

66.jquery-image-and-content-slider-pluginThis is the busiest slideshow here with full screen viewing, built-in HTML5 audio for music and movie related sites. Good looking scrolling thumbnails across the top and the main image shown throughout the page.
Demo | Source

 

Moving Boxes with jQuery

67.jquery-image-and-content-slider-pluginVery clever transition effects and use of shaded and full color bring this template to life. You can play around with the menu items on the left and see the template come to life using the magic of jQuery.
Demo | Source

 

Innovation Slide

68.jquery-image-and-content-slider-pluginInnovation Slide is more of a demonstration that it is a functional piece of code one can image how to use. Or maybe not. It’s presented like a Scrabble letter which is then moved over and slide behind the next letter behind it.
Demo | Source

 

TN3 Lite

69.jquery-image-and-content-slider-pluginTN3 Lite is a free version of a premium slider. This one shows an image, with a caption at the top, and scrolling thumbnails at the bottom which move rather fast. Lovely photography show off what this little slider can do for you.
Demo | Source

 

Shutter Effect Portfolio with jQuery and Canvas

70.jquery-image-and-content-slider-pluginShutter Effect is a little like the James Bond bit in the credits where a shutter opens to reveal 007. Here each new slide is revealed when the shutter reveals the image, then closes up again, and then repeats the process once more. Tutorial provided.
Demo | Source

 

Making a Flickr-powered Slideshow

71.jquery-image-and-content-slider-pluginWith this slideshow you can use a Flickr photo collection to create slideshows, presentations or product guides to your heart’s content. Includes the recent Flickr API changes, so the slideshow runs fine with Flickr’s current implementation.
Demo | Source

 

How to Make Auto-Advancing Slideshows

72.jquery-image-and-content-slider-pluginHere is an attractive auto advancing slideshow with a tutorial to fully explain just how the guys at TutorialZine did it.
Demo | Source

 

SlidesJS

73.jquery-image-and-content-slider-pluginThis is a responsive slider with widescreen slides, cool CSS3 animations, touch screen support and an easy setup.
Demo | Source

 

jCoverflip

74.jquery-image-and-content-slider-pluginThis is a rotating cover flip with a slide control to travel through the covers. Coded before the latest jQuery updates, so it is good for sites not using the latest jQuery version.
Demo | Source

 

Awkward Showcase

75.jquery-image-and-content-slider-pluginThe Awkward Showcase features a slider with tooltips. These are + shaped pink buttons within the image that contain extra information and can be easily coded into HTML. The usual slider transitions and other features are present. Useful for retail and tech sites especially.
Demo | Source

 

Nivo Slider

76.jquery-image-and-content-slider-pluginThe Nivo Slider is well known for its beauty, fast load times and attractive transition effects. Offered as a HTML and WordPress version, this is one of the top sliders available.
Demo | Source

 

Flux Slider

77.jquery-image-and-content-slider-pluginThe Flux Slider has some incredible 2D and 3D animations including in the HTML version and there is a WordPress version now too. Very slick indeed.
Demo | Source

 

Coin Slider

78.jquery-image-and-content-slider-pluginSlider with unique transitions, coin button based navigation and only 8kb so it loads real fast.
Demo | Source

 

Image Gallery With Fancy Transitions Effect

79.jquery-image-and-content-slider-pluginHere is an image gallery jQuery code with some nice transitions, photo credits and links. Basic text-based navigation left and right, and numbered slides below which are clickable.
Demo | Source

 

Animate Panning Slideshow with jQuery

80.jquery-image-and-content-slider-pluginThis is a panning slideshow using widescreen sized images from Flickr. Includes diagonal panning, rather than just the usual left or right. A full tutorial is shown to explain exactly how they produced this effect.
Demo | Source

 

Sudo Slider

81.jquery-image-and-content-slider-pluginThe Sudo Slider comes with 105 different effects for changing slides from one to the other. Many of these are demonstrated on their information resources too. This is a slider on steroids. If ever there was a transition effect that you wanted, the Sudo Slider is bound to offer it.
Demo | Source

 

Slick Auto-Playing Featured Content Slider

82.jquery-image-and-content-slider-pluginThis is a content slider that is designed to fit on a web page and provide lots of visual information in a small space. Slides can be full image or contain a half section that is pure text. Thumbnails at the bottom can also be clicked on to change the slide.
Demo | Source

 

Dynamic Fun with SimplePie and jQuery

83.jquery-image-and-content-slider-pluginThis is actually a blog roll with four graphical tabs. Each of these can be clicked on. The list of the latest posts are then slide out of view and a new list pushed into view depending on which tab was clicked.
Demo | Source

 

Exposure

84.jquery-image-and-content-slider-pluginExposure is a close to full screen gallery with a main image slightly off center on the right and a steam of thumbnails on the left side. When clicked on, the center image will fade and change to the new image. There is also the option to auto-play the slideshow.
Demo | Source

 

Making a Content Slider with jQuery UI

85.jquery-image-and-content-slider-pluginThis is a content slide that can display images and written copy side by side. You use the slide control at the bottom of the element to slide the content across.
Demo | Source

 

Featured Content Slider Using jQuery UI

86.jquery-image-and-content-slider-pluginThe featured content slider is based on a blog element where recent post titles are shown and you can click on one to bring up more information in the content page. This familiar interface is well done with room for a nice image and a caption.
Demo | Source

 

Moving Boxes

87.jquery-image-and-content-slider-pluginMoving Boxes is a bit of an oddity. It is a small square slider with content that slides across using the buttons (the arrow navigation wouldn’t work on Firefox, but there is a newer version available on GitHub). The window “box” that is the slider would morph larger and smaller depending on the side of the next image. This is either quite cool or a pain with the rest of the page having to reformat to accommodate the changing size of the slider element.
wmuSlider, a jQuery responsive Slider
Demo | Source

 

wmuSlider, a jQuery responsive Slider

88.jquery-image-and-content-slider-pluginThe wmuSlider is a responsive slider that works on many mobile devices. With cool navigational controls and transition elements, it’s worth a look.
Demo | Source

 

3D Gallery With CSS3 and jQuery

89.jquery-image-and-content-slider-pluginThe 3D gallery displays, in the demo, three different screenshots of different product pages. Two are angled away and one is facing the viewer. When navigating to the next slide, the carousel rotates around so that the right image is now in the center. Very suitable for e-commerce sites.
Demo | Source

 

Orbit

90.jquery-image-and-content-slider-pluginOrbit is a nice looking slider with some large navigational elements and fast transitions. Small code side make it fast to load on a web page too.
Demo | Source

 

JC Play List

91.jquery-image-and-content-slider-pluginThe JC Play List operates inside a player element. On the right is a play list which can be a list of articles if you like. Fast scroller can get you down a long list quickly. On the left is the selected image.
Demo | Source

 

Start/Stop Slider

92.jquery-image-and-content-slider-pluginThe Start Stop Slider is a very interesting slider. It has a text element slding in to the left side of a slide and a clickable element arriving from the top and zooming down into position. There is also a pause button to freeze a slide if you want to look at it for longer.
Demo | Source

 

Revolver.js

93.jquery-image-and-content-slider-pluginA slider with some impressive controls including stop, start, restart, first, last and numbered slides.
Demo | Source

 

Agile Carousel

94.jquery-image-and-content-slider-pluginThe Agile Carousel initially lacks navigation elements. The setup is stored in the JSON data format for ease of storage and implementation. There are in fact several different sliders, many of which have navigation, auto play options and more. These include an image carousel, three images as a single slide, a timer, fade transition effects and a content button option to show several stories & you click on the one you wish to see.
Demo | Source

 

GalleryView

95.jquery-image-and-content-slider-pluginGalleryView offers a good view of the main picture, with a series of large thumbnails below the main picture. These can be scrolled through to pick out the image that you want to see.
Demo | Source

 

Muslider

96.jquery-image-and-content-slider-pluginMuslider has many features not found in all other sliders. These include video sliders, audio slides with playback, a full text slide, and manual setting of the fixed width and fixed height for the container window.
Demo | Source

 

jQuery Common Accordion – Horizontal & Vertical

97.jquery-image-and-content-slider-pluginA horizontal and vertical accordion with diagonally transitioning slides. Beautifully done. Can add delays for the auto slide or only offer manual sliding. Just excellent.
Demo | Source

 

JQuery Based Flipped Image Gallery with Bounce Effects

98.jquery-image-and-content-slider-pluginThis one offers again horizontal and vertical slides, but the slides move when you move the mouse over them and they move into position, then bounce back a little, then settle into position. Very slick indeed!
Demo | Source

 

Sliderman

99.jquery-image-and-content-slider-pluginSliderman is a good little slider that has attractive transitions and arrow navigation. A link and image can be shown as a footer to each image, and button navigation is also shown below the image.
Demo | Source

 

Mask Transition Slideshow With jQuery

100.jquery-image-and-content-slider-pluginThis final slider uses a tile effect, hiding images behind each other and revealing each one gradually by changing the tiles one by one. Full explanation is provided and there are control to change the speed, captions and titles.
Demo | Source

18 Comments
  1. Magna Reply
  2. Ravinder Kumar Reply
  3. nina Reply
  4. Tia Reply
  5. Bharath Reply

Leave a Reply

Your email address will not be published. Required fields are marked *