19 Fantastic JavaScript Slideshow Fade Showcase

1. KenBurner Slider jQuery Plugin

featured image

Google Chrome Bug / Fade Transition Bug 09. Due this Bug the Fade Over transition will not work fine between the slides. You will see some Flickering by changing between slides with fade Transitions. Since this problem does not exist in IE or in FF we can only provide you a small workaround where the Plugin automatically ignore fade transitions in Google Chrome.Via the option repairChromeBug:”on” you can decide whenever you wish to change automatically the fade transition against slide transition in Chrome. You just need to know little HTML and Javascript.

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. Showbiz Business Carousel jQuery Plugin

featured image

<script type="text/javascript">

Option to remove Fade Effect only for Mouse Over

You just need to know little HTML and Javascript.

More Details

4. jQuery tpTooltip plugin

featured image

Include just one javascript and css file in your html, create your own skin with the PSD file included (slices are ready to publish the skin directly), and you’re all set.fadeintime: 200, // timeout for tooltip fade in

fadeouttime: 200, // timeout for tooltip fade out

js" type="text/javascript"></script>

More Details

5. 3d Mega Menu for Bootstrap

featured image

Degrades gracefully if Javascript is disabled

fade out

More Details

6. Nex - Blazing Fast FullScreen Slider

featured image

<script type="text/javascript" src="http://code. <script type="text/javascript" src="Animo. <script type="text/javascript" src="nex. <script type="text/javascript" src="https://maps.Fade

More Details

7. SHIFT Gallery - support for image/div/video/swf

featured image

It can also be turned into a slideshow so that your viewer can see your work without having to do nothing.content is still viewable without JavaScript enabled.More than one slideshow can be on the same page

More Details

8. Royal 3D Carousel

featured image

Fast CSS3 & JavaScript engine.

More Details

9. Jssor Slider No-jQuery Version, TOUCH RESPONSIVE

featured image

Demo – Slideshow Effects:

Fade

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

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

Composite move, fade, clip, zoom and rotation in one transition is allowed

Javascript code deep compression by smart compression engine

Auto slideshow with optional pause on hover

More Details

10. jQuery Fullscreen Slideshow

featured image

Auto delay slideshow, hover icons and text to pause. CSS3 transition support in the modern browser, fade only in the old browsers.

More Details

11. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Demo – Slideshow Effects:

Fade

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

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

Composite move, fade, clip, zoom and rotation in one transition is allowed

Javascript code deep compression by smart compression engine

Auto slideshow with optional pause on hover

More Details

12. Responsive KenBurner Slider jQuery Plugin

featured image

Google Chrome Bug / Fade Transition Bug 09. Due this Bug the Fade Over transition will not work fine between the slides. You will see some Flickering by changing between slides with fade Transitions. Since this problem does not exist in IE or in FF we can only provide you a small workaround where the Plugin automatically ignore fade transitions in Google Chrome. Via the option repairChromeBug:”on” you can decide whenever you wish to change automatically the fade transition against slide transition in Chrome. You just need to know little HTML and Javascript.

More Details

13. iTunes Site Feature

featured image

It is written on top of jQuery JavaScript framework and its main features are:

More Details

14. Universal Responsive Mega Menu

featured image

The script includes a few options easy to set up so you can choose which type of effect to apply (on mouse hover or mouse click, fade, slide…).The whole menu relies mainly on CSS, it means that if Javascript is disabled, most of the menu will work.

More Details

15. siteFeature

featured image

9 ‘sexy’ image transition effects including ‘fade’, ‘wave’, ‘crash’, ‘curtain’, ‘zipper’, ‘fountain’, ‘cascade’, ‘dribble’, ‘checker’, ‘enterTheDragon’ + customizable ‘random’ and ‘cycle’ options

Works in all modern browsers w/ partial IE6 support (Note: IE8 has a poorly documented opacity bug that causes certain animations to toggle on/off rather than fade in/out. This is universal to all javascript libraries and is not specific to jQuery or this plugin)

All content is still viewable and styled when JavaScript is not available

More Details

16. Responsive jQuery Slider

featured image

fade transition

background image slideshow

More Details

17. jAccordion - jQuery accordion

featured image

Animated elements – Use additional attributes to fade any HTML element or animate change of its position inside a slide

Images from graphicriver:1st image in homepage accordion by solarseven2nd image in homepage accordion by solarseven3rd image in homepage accordion by solarseven4th image in homepage accordion by solarseven5th image in homepage accordion by galdzerImages from deviantArt:mobile phones used in products list demo by PierocksmysocksOthers:jQuery – javascript libraryjQuery easing pluginspoon.

More Details

18. bgStretcher jQuery Background Resizer & Slideshow

featured image

When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin will work as a slideshow if multiple images are used. Available transition options include none, simpleSlide, superSlide and fade.Advanced Slideshow Features

More Details

19. jQuery Responsive OneByOne Slider Plugin

featured image

Add fade transition in IE9-, which doesn’t support the CSS3 transition.Add hover to pause option of the slideshow.It’s lightweight, the compressed javascript is only 4kb.Optional auto delay slideshow, optional hove to pause the slideshow.// pause the auto delay slideshow when user hover

slideShow: false,

More Details

20. Ultimate Grid Responsive Gallery

featured image

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

Deactivate and Activate Features through Javascript Options

More Details