Top 17 Magical HTML JavaScript Slideshow Tools
Rockstar Touch Slider is a script for creating a simple and minimalistic slider or a slideshow. <div class="slideshow">
That is all you need to make the slideshow work! No slideshow JavaScript code is needed and no external CSS file. All you need to do is put the HTML code for image slideshow with the class “rockstar-slider” and include the script.
2. 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.
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.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.<html xmlns="http://www.<script type="text/javascript" src="DimImages/dimviewer1.<script type="text/javascript">
</html>
Basically the grid is added into a HTML page into a div of your choice and it adapts based of that div’s width and height. 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. 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. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
Fully responsive 3D carousel that allows to display media or HTML slider jQuery with an unique and original layout. Support for images and HTML content. Fast CSS3 & JavaScript engine. Royal 3D Carousel can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the carousel must be installed manually with blogger themes HTML code and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress).
The HTML5 Flow Responsive Slider has a flexible / fluid / responsive layout, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. The HTML5 Flow Responsive Slider comes in with four different embed styles: Fixed Dimensions, Full Width, Full Screen and Flexible Style, please not that the flexible style will make the slider adapt the width and height based on the html element into which is embedded so for example if you want to add the slider in a div and that div has a 100% height the slider will adapt based on that, this is a unique and amazing feature. Slideshow preloader bar, the color and opacity for this bar can be modified. Keyboard support you can navigate between images with the right and left keys and start or stop the slideshow with the space key.
The main goal of FilterSlider is to manipulate images and wordpress content slider using canvas, jQuery library and Javascript. 16 filter effects for images and wordpress slider HTML content
iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.Advanced JavaScript API considered.Developed with pure object oriented JavaScript
Extended HTML documentation
“iLightBox is real great plug! i don’t find a system to open the slideshow with only one thumb… great work”—Ciccio Pasticcio
Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). 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. 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. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
Fast CSS3 & JavaScript engine with fall back on CSS1 for older browsers like IE7 or IE8 (exceptional performance!). Slideshow button for play or pause automatic rotation of the object. Info window button for showing a detailed custom made window which supports unlimited html content. Customizable slideshow rotation speed. Examples files for each skin and display type included, this way the html can be copy and pasted into your html page!.
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. 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
All UI is fully under control by html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Use any html/css code to customize thumbnail to anyformat
Any html code can be placed inside slide
Javascript code deep compression by smart compression engine
HTML caption with animation (390+ caption transitions)
Auto slideshow with optional pause on hover
SEO friendly, any html code can be added to each slide, all are exposed directly to jQuery image transition
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the number of thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). 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. 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. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
Auto delay slideshow, hove to pause. Un-minified javascript, FAQ are include in the source package.html
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. 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
All UI is fully under control by html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Use any html/css code to customize thumbnail to anyformat
Any html code can be placed inside slide
Javascript code deep compression by smart compression engine
HTML caption with animation (390+ caption transitions)
Auto slideshow with optional pause on hover
SEO friendly, any html code can be added to each slide, all are exposed directly to search engine
JavaScript code: var cc = new CanvasCoverflow(“myCanvas”, “load/config. HTML code:
The CanvasCoverflow JavaScript class function needs just 2 arguments: the canvas id and the path to the XML file.the buttons, scrollbar and slideshow preloader positions can be set to be anywhere.set the slideshow transition time (when set to autoplay).
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. Lightbox with slideshow (play, pause, auto-play)
Deactivate and Activate Features through Javascript Options
Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. It has easy to implement and search engine optimized html markup.html
Option to set shuffle mode for slideshow
Option to add html content over slides. Advanced javascript API considered. Developed with pure object oriented javascript.Add new feature: Shuffle mode for slideshow