Top 11 Excellent JavaScript Image Slider Examples

1. SimpleSliders.Net - jQuery Sliders In ASP.NET

featured image

Basic Slider

Parallax Content Slider

No Need to add JavaScript code for jQuery Sliders. Create data source (DataTable, IList, or any other data source) and bind with slider. Guidelines for adding slider control in asp. You can also add slider manually in web page as

Net" tagprefix="slider" %>

<slider:craftyslide id="ucSlider" autostart="true" runat="server" />

more css files externally by setting slider property ‘CssFiles’

<slider:craftyslide id="ucSlider" autostart="true" cssfiles="~/ExternalCSS/CraftySlide/slider. <slider:craftyslide id="ucSlider" autostart="true" cssfiles="~/ExternalCSS/CraftySlide/slider.ItemTitle (Displays the image caption)

ItemMediaUrl (The src/url of image)

ItemDetails (The details of slider item)

It is used in content slider Slider)

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. Nex - Blazing Fast FullScreen Slider

featured image

“Nex” – Blazing Fast Fullscreen Slider

Nex slider is a blazing fast fullscreen slider optimized for best performances and compatible with all platforms. It allows you to embed images, videos and even google maps in the same slider.That said Nex, doesn’t need any other libraries at all (except jquery) to implement all it’s functionality, you can see the speed of the slider on the demo page. <script type="text/javascript" src="http://code. <script type="text/javascript" src="Animo. <script type="text/javascript" src="nex. Then all you have to do is init the Nex slider like so:

If you would like to use google maps in the slider you will need to include this script above any other scripts:

<script type="text/javascript" src="https://maps.Customizable slider look

Support of image filters: brightness,contrast,grayscale,hue-rotate,saturate,sepia.Different Content types: image, video, map

Big thanks to Joanna Kustra which allowed me to use her awesome images in the slider

More Details

4. Jquery Moving Perspective

featured image

This is only one perspective script with slider possibility.configurable by html attributes or javascript

can be used as single perspective or as slider

handles image and video loading

contains 3 slider navigation themes

More Details

5. Final Tiles Gallery

featured image

No crop: unlike many other tiled galleries, it doesn’t crop images, unless you decide to use the snapping to a grid, in that case a small part of the image could be cut;

Social sharing: each image can be shared using Twitter.CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;

More Details

6. Infinite Slider - Innovative Slider Plugin for WP

featured image

Read about the infinite slider image jQuery in the Website Magazine, WP Themes News!

3 – Slider built from random blocks of different sized thumbnails to achieve special outlooks that is always different

6 – Infinite horizontal sliding (the Infinite Slider rebuilds itself infinitely behind the scenes)

9 – Slide by grabbing and dragging the whole slider

10 – On mobile devices swipe the slider

12 – Full wordpress integration to display the JavaScript image slider your existing or newly added featured images and their post data (title, description)

13 – Central picture turns into a link for that particular wordpress post where it is the set featured image wordpress

17 – Fully responsive, the Infinite Slider fills out the screen up to retina view width while also adjusts to below 300px small mobile screens

19 – Many adjustable options to customize your version of the Infinite Slider (filter based on custom post type, categories, tags and many many more features)

* JavaScript bug fixed that caused some trouble with IE9

More Details

7. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Home Page Slider

Banner Slider

Image Slider

Image Gallery

Image Gallery with Vertical Thumbnail Navigator

List Slider

Responsive Slider

Tab Slider

Tiled Menu Slider

Grid Slider

Vertical Slider

Full Width Slider

When touch and drag the slider with finger on a touch device like iphone (iOS, Android, Windows Surface), the slider will move left/right or up/down. If responsive feature is enabled, when window of browser resize, the slider size will respond to window width at real time with no delay, no stop of animation. Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly.Best performance slider guarantee

Jssor slider is announced as one of the best performance sliders. No-Jquery minimum 15KB javascript code by smart compression. It is one of the lowest CPU comsuming slider. slider (1%), slider with caption (4%), slider with slideshow (~4%)

Jssor slider comes with 360+ impressive slideshow effects/transitions

Jssor slider comes with 390+ impressive caption effects/transitions

Jssor slider auto detect drag orientation, when an user touch and drag the slider, it will move horizontal or vertical recording to drag orientation.Most reliable slider

Jssor slider is cross browser slider, it support wide range of browsers, Chrome 3+, Firefox 2+, IE 6+, Safari 3. Jssor slider is also cross plat form browser, iOS, Android, Windows, Windows Surface and Mac are all supported.Most scalable slider

Jssor slider is one of most scalable slider. Javascript code deep compression by smart compression engine

Arrow key navitation, navigate slider by click keyboard arrow left/right

Slider can be put anywhere (lightbox, or any container)

Cut/Paste slider code snippet

More Details

8. Easy 360° Product Viewer

featured image

Additionally it has an awesome feature called deep zooming, when the image is zoomed it can be viewed in great detail by loading a more detailed version of the image this way allowing the usage of high resolution images without compression. Fast CSS3 & JavaScript engine with fall back on CSS1 for older browsers like IE7 or IE8 (exceptional performance!). Deep zooming, when the image is zoomed it can be viewed in great detail by loading a more detailed version of the image this way allowing the usage of high resolution images without compression (optional feature). The possibility to start at a specific image once all images are loaded. Once created a hotspot can be added on more then one image. Built in tool for finding the correct position of the marker / hotspot on an image . Gestures events support for IOS (ipad and iphone) the image can be zoomed with two fingers. The online form designer can be set allowing to fine tune the level of zoom, this way the image can be zoomed as much as you like

More Details

9. SuperSocial - jQuery Ajax Social Panel

featured image

Customize this slider with just a little HTML and CSS to your very needs. Settings are made with javascript.Using Fancybox Image, Dribbble thumbnails and flickr thumbnails uses Lightbox

More Details

10. ZoomShowcase - Responsive Banner for WordPress

featured image

This is the WordPress version of one of my popular JavaScript plugins.

More Details

11. jSliderPro

featured image

jSliderPro gives the option to set an image for navigation buttons and bullets.On-the-fly image resize and clip.The slider can automatically scale down to hotspot mobile devices adapting buttons, bullets images and also their positions.Javascript callbacks to interface with other programs.

More Details

12. Showroom Slider

featured image

Showroom Slider is a powerful jQuery plugin that allows you to create sliders containing plane and box elements with tons of animation options to choose from. No need for any JavaScript function call.Default properties can be modified easily within one JavaScript function call.Showroom Slider uses native CSS3 animations when viewed on modern browsers for maximum efficiency and has fallback animations for older browsers.The package comes with a very detailed documentation and sample files that has lots of comments in the code describing every aspect of the slider.- Fixed focusing bug on slider elements without data-main attribute.- Made keyboard binding specific to focused slider element.

More Details