16 Brand New And Free JavaScript CSS Slideshow Resources

1. Filter Slider - jQuery Image Manipulation

featured image

The main goal of FilterSlider is to manipulate images and joomla slider using canvas, jQuery library and Javascript. Easily customizable via CSS file

More Details

2. CSS Slider

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

More Details

3. Royal 3D Carousel

featured image

Fast CSS3 & JavaScript engine.

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.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

More Details

5. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

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. Option to set shuffle mode for slideshow

Advanced javascript API considered. Developed with pure object oriented javascript.Add new feature: Shuffle mode for slideshow

More Details

6. Builder for Lush Content Slider

featured image

Javascript code invocation

More Details

7. Responsive Gridfolio

featured image

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. Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS jQuery background color and opacity also can be modified (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

8. DimViewer (images/PDFs tool)

featured image

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.<script type="text/javascript" src="DimImages/dimviewer1.<script type="text/javascript">

More Details

9. 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. 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. Thumbnail’s description: each thumb can have a short description with a transparent background under it and this description is visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS image gallery and opacity also can be modified (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

10. 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. Lightbox with slideshow (play, pause, auto-play)

Deactivate and Activate Features through Javascript Options

More Details

11. jQuery 3D Grid Card Plugin

featured image

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

More Details

12. Shuffling Tiles jQuery Plugin

featured image

CSS Based Styling

The look and feel is fully customizable using just CSS.is made easy, with over 25 different CSS classes provided by the plugin to cover any tile’s shape and state.A basic events system, for advanced JavaScript customization.

More Details

13. Full Width Slider 2

featured image

Auto slideshow with pause on hover.

More Details

14. Sky jQuery Touch Carousel

featured image

You can customize the visual appearance of the plugin with the help of the plugin options and CSS. Auto slideshow and loop. Coded in object oriented JavaScript. (Minified JavaScript file)

(Non-minified JavaScript source code)

More Details

15. 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. 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. Use any html/css code to customize thumbnail to anyformat

slideshow JavaScript code fade deep compression by smart compression engine

Auto slideshow with optional pause on hover

More Details

16. Ultimate Smart Slider - Responsive

featured image

Customizable through CSS

Default Javascript Options

More Details

17. FrameIt - Responsive jQuery Plugin

featured image

Fully customizable frames shapes with css classes

Auto slideshow with images

Powered by jQuery & JavaScript

More Details