Top 19 Useful JavaScript Simple Slideshow Collection
1. XML Slider
XML Slider is a very powerful JQuery plugin that lets you easily create powerful Javascript slideshow.Javascript Enabled
Easy to setup, all you need is simple XML knowledge …
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
3. JSON Painter
This jQuery simple slider plugin will reformat and colorize any valid JSON, and you eyes will be forever gratefull for it
<script type="text/javascript" src="http://code. <script type="text/javascript" src="jquery. <script type="text/javascript">
Evo Slider Pro – jQuery Slideshow & Content Slider Plugin
Simple, powerful and easily customized. without coding any JavaScript code at all.
It’s powered by javascript and is supported in all major browsers.It enables you to use a simple and fast slide to view plan features and prices.
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 scroller JavaScript code is needed and no external CSS file.
It can also be turned into a slideshow so that your viewer can see your work without having to do nothing. and a simple div in the position you want:
9 transitions effects that can be very simple modified
content is still viewable without JavaScript enabled.More than one slideshow can be on the same page
This vertical slider jQuery uses unobstrusive javascript to transform a block of simple HTML banner rotator markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes. When using this plugin, your page layout will be consistent even if javascript has been disabled.Multiple customized slider instances can happily live on the same page, and the slider offers a simple API to control the slider’s behaviour from within your custom scripts.Won’t break layout if javascript disabled.
Lightbox with slideshow (play, pause, auto-play)
Deactivate and Activate Features through Javascript Options
Now it has a more simple sintaxis
The main goal of FilterSlider is to manipulate images and wordpress content slider using canvas, jQuery library and Javascript. Using FilterSlier is extremly simple.
12. Slide Panel
Slide Panel is a JavaScript library, designed for easy creation of animated slides. You can create interactive slider with images, text and links, by using simple, declarative approach. To create a slideshow, you will need to create a html structure (so it is search-engine friendly!) and then, write a configuration in JavaScript — but it’s easy. I have included production-ready JavaScript file (49 KB — gzipping can further reduce size down to 16 KB).
It is written on top of jQuery JavaScript framework and its main features are:
- Simple and clean interface
The Simple Javascript XML Slideshow (SJXS) allows you to easily create truly dynamic slideshows using javascript and an xml file. No need for a ton of html, just let javascript and xml do the work for you. Also, I’ve added a simple to use Slideshow Generator that will allow you to create all the code you need for your slideshow: required files, javascript, xml, html and even the basic css. This will allow you to quickly create a slideshow with exactly the features you want.Slideshow Generator
More than one slideshow can be on the same page
Loads of documentation, experience with javascript or xml is not needed
If you are familiar with my previous flash based basic slideshow this is the html spin-off of that file.Notice: Javscript required for this slideshow. This slideshow does not currently degrade because of it’s use of xml to power the slideshow.
iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.Advanced JavaScript API considered.Simple clean & valid markup
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
This Zuper Slider uses unobtrusive javascript and a powerful configuration panel for effects and design elements to transform a block of simple HTML slideshow code markup into a beautiful elegant slider.Saves development time – Powerful features – Simple implementation – Fully customizable.
Cute Slider is a unique and easy JavaScript slideshow 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. Option to set shuffle mode for slideshow
Advanced javascript API considered. Simple clean & valid markup
Developed with pure object oriented javascript.Add new feature: Shuffle mode for slideshow
li JQuery JavaScript image slider / banner rotator with many cool features. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease!
This means that if you need to change the slider you do not need to tweak the JavaScript code. Have you ever thought about having slider/banner and ads on one page and all they are JavaScript driven? Imagine how cool it is! You can have one JavaScript file and multiple sliders.
jQuery Train Slider is a image preloader jQuery plugin that lets you easily create powerful javascript Sliders with an unlimited transition effect. It is very simple to implement and is fully customizable
These layers can contain anything, from simple jQuery slider to complex HTML content, like videos. Also, the auto slideshow JavaScript free will stop or pause when a video starts playing.(Content) Thumbnails – You can add simple image thumbnails or thumbnails that have HTML content.Show/Hide – You have the option to hide and show on hover the arrow buttons, the slideshow button, the timer animation, the captions and whole thumbnail scroller, or only some elements of the scroller, like the jQuery image scroller buttons, arrows or scrollbar.Per slide settings – You can define a different transition effect for each slide, using either the plugin’s JavaScript API or XML attributes.Auto slideshow – You can set the slider to simple JavaScript auto slideshow mode and you also have the option to pause the slideshow mode on mouse hover
the slideshow will pause when the lightbox is opened
added pause slideshow on hover option
added simple slide effect