Top 15 Innovative JavaScript For Slideshow Tools

1. DimViewer (images/PDFs tool)

featured image

What DimViewer can do for your images ?

You can choose a Slideshow or a picture Slider tool.DimViewer use Google Arts/Google Maps technology; process your images and create a small JavaScript.It use pure JavaScript without any plugins; Which means it’s cross browser. What DimViewer can do for your PDF files?

Again it use cross-browser pure JavaScript.DimViewer will generate a group of tile images and a JavaScript (dimviewer1.Copy outcome tile images and Javascript (dimviewer1.Following example code that use outcome tile image and Javascript (dimviewer1.<script type="text/javascript" src="DimImages/dimviewer1.<script type="text/javascript">

for example:enable thumbnail, enable full screen, set back ground color and so on.

More Details

2. WOW Slider

WOW Slider

WOW Slider is a fantastic responsive image slider with

killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.

Also, you can share your slider on Facebook.

More Details

3. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Great performance on mobile devices, you can see in the video demo that it runs just like a native app!, it was coded and optimized for mobile devices and it is 100% mobile compatible and of course it will run just as great on desktop computers including on older browsers like IE7 and IE8. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “load more thumbnails” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “load more thumbnails” button is pressed again the 20 remaining thumbnails are showed. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Keyboard support: the left and right arrows can be used for navigation (optional).2013 – Fixed some bugs related to the lightbox and added better support for mobile detection.

More Details

4. iLightBox · Revolutionary Lightbox Plugin

featured image

iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.By combining support for a wide range of media with gorgeous skins and a user-friendly API, iLightBox aims to push the Lightbox concept as far as possible.Advanced JavaScript API considered.Developed with pure object oriented JavaScript

“iLightBox is real great plug! i don’t find a system to open the slideshow with only one thumb… great work”—Ciccio Pasticcio

Thanks for the great job.

More Details

5. FrameIt - Responsive jQuery Plugin

featured image

FrameIt – A responsive jQuery slideshow plugin for frame images

Create a plugin that allows give a touch of life to images, ready for use on presentations, personal web portfolios or simply, a scroll of images.Support for all majors browser

Auto slideshow with images

Separate images for each frame

+20 presets for all images orientations

Powered by jQuery & JavaScript

Images shown in the preview are not included in the download and are for demonstration purposes only.“Like it! Very clean and really adds a nice effect for your images.Added support for autoslideshow

Added support for css3 double border

Added support for separates image for frames

Added support for anchor frames

More Details

6. Responsive Gridfolio

featured image

Support for multiple categories, of course it can still be used with a single category as before.Added support for MSPointer events for windows8 mobile. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Great performance on mobile devices, you can see in the video demo that it runs just like a native app!, it was coded and optimized for mobile devices and it is 100% mobile compatible and of course it will run just as great on desktop computers including on older browsers like IE7 and IE8. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Support for any number of images and each image can be of any size, but proportional to a base thumb width and height

For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “load more thumbnails” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “load more thumbnails” button is pressed again the 20 remaining thumbnails are showed. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Keyboard support: the left and right arrows can be used for navigation (optional).2013 – Bug fix related to the lightbox when it is zoomed on Chrome and better detection for mobile devices.

More Details

7. Builder for Lush Content Slider

featured image

Edit animations in a few clicks, preview and export the markup for your page.Automatic markup generation for Lush Slider

Javascript code invocation

Predefined style classes for text and buttons

More Details

8. Full Width Slider 2

featured image

Full Width Slider 2 is easy to use jQuery image slider optimized for full screen width. Auto slideshow with pause on hover.

More Details

9. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

Touch drag navigation for thumbnail navigator is allowed

Move, fade, clip, zoom and rotation transitions are all supported for all browsers

Javascript code deep compression by smart compression engine

Auto slideshow with optional pause on hover

More Details

10. jQuery 3D Grid Card Plugin

featured image

Auto delay slideshow, hove to pause. Un-minified javascript, FAQ are include in the source package.Recommendations For You

For the iPhone screenshot in the preview http://dkeulen.

More Details

11. Sky jQuery Touch Carousel

featured image

Auto slideshow and loop. Hardware acceleration (Uses GPU for graphic intensive tasks)

Coded in object oriented JavaScript. (Minified JavaScript file)

(Non-minified JavaScript source code)

More Details

12. Ultimate Grid Responsive Gallery

featured image

This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Also you don’t have to load all the images at once (for performance purposes) so you can specify the number of images to load when it first load and the number of images to load when you click the “load more images” button. Support thumbnails for the grid only to the images you want to improve performance

You can specify a static width for each column or specify number of columns

When specifying the number of columns you can set the minimum width for each column

Lightbox with slideshow (play, pause, auto-play)

Deactivate and Activate Features through Javascript Options

More Details

13. Filter Slider - jQuery Image Manipulation

featured image

The main goal of FilterSlider is to manipulate images and jQuery HTML content slider using canvas, jQuery library and Javascript. For IE 8 a fallback solution is provided using the grayscale effect available on IE platform. 16 filter effects for images and html content

Adjustable speed, transition, easing and effects for each caption or slide

Support for inline content

Smart scale mode for images

More Details

14. Royal 3D Carousel

featured image

It’s perfect for presentations, for anyone who wants to obtain a great impact on their visitors. Support for old browsers like IE7 and IE8, on older browser that don’t support CSS3 the carousel will be displayed in 2D mode. Support for images and HTML content. Support for multiple categories and each category can have it’s own set of thumbnails. Fast CSS3 & JavaScript engine.

More Details

15. Ultimate Smart Slider - Responsive

featured image

40 Transition Effects for the images

11 Transition Effects for the captions

Support any HTML in the name of the images (for captions)

Default Javascript Options

More Details

16. Shuffling Tiles jQuery Plugin

featured image

This is useful for SEO optimization & enhanced usability

special layout for mobile devices.- tiles dimensions for width, height and padding

A basic events system, for advanced JavaScript customization.

More Details