WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

Ultimate Smart Slider - Responsive

— Add-On to WorldWideScripts.net

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


Ultimate Smart Slider - Responsive - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Word press version also available

STOP CODING YOUR IMAGES! This is a plugin that automatically generates a slider from a folder of images, taking the name of the images as captions. You can change the order of the images, and also select which ones will show the caption.

 ----> Update: May 2, 2013 Added a option to disabled the right click on the images, you can pass it like this to the JS function: { rightClickImages : false } 

Features:

  • Stop coding your images
  • 40 Transition Effects for the images
  • 11 Transition Effects for the captions
  • CSS3 Transformations
  • Thumbnails
  • Tons of Options
  • Responsive
  • Swipe Support
  • Multipe Sliders Per Page
  • Compatible with Twitter Bootstrap
  • Keyboard navigation
  • Customizable through CSS
  • Support any HTML in the name of the images (for captions)

Default Javascript Options

 { theme : 'default', width : '100%', autoPlay : true, rightClickImages : false, showTimer : true, playInterval : 4000, playBtn : true, loop : true, navArrows : true, navBar : true, navBarNumeric : false, autoHideNavArrows : false, autoHidePlayBtn : true, autoHideNavBar : false, keyboardNav : true, transitionSpeed : 700, boxSpeed : 450, captionSpeed : 300, captions : true, autoHideCaptions : false, thumbnails : true, thumbnailSize : 20, x : 8, y : 4, hideIconsInWidth : 500, hideTimerInWidth : 500, shadow : true, beforeTransition : function(){}, afterTransition : function(){}, onSlideshowEnd : function() {}, onPlay : function() {}, onPause : function() {} }

The Code You Need

S1YLE FOR THE SLIDER THE SLIDER. PHP FILE FOR ThE AUTOMATIC SLIDER this line where ever you want your slider P.S JQUERY REQUIRED 8.3. mm. FOR THE SLIDER INITIALIZATION THE SLIDER

You need to create the function “make_slider” with a unique id (the first parameter) and specify the folder where the plugin will read the images automatically (the second parameter)

Documentation

You can read the documentation of the plugin here

Note: Old browsers like IE7 that doesn’t support the CSS property “transform” are not supporting the zoom and openBook effect so they fallback into a fade effect.


Download
Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers

Properties

Created:
15 April 13

Last Update:
9 September 14

High Resolution:
No

Compatible Browsers:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS, PHP

Software Version:
jQuery

Keywords

eCommerce, eCommerce, All Items, auto, auto slider, automatically, css3, folder, images, navigation, responsive, slider, slideshow, smart, swipe, thumbnails