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 / Images and Media

Revolver Slider A Revolving Slider

— Add-On to WorldWideScripts.net

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


Revolver Slider A Revolving Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Revolver Slider is a unique solution for anyone looking for a image slider that will make their webpage stand out. The images rotate rather than slide or fade like a traditional slider.

We have taken advantage of the web’s newest CSS features to make a slider that animates in a way we have never seen before. The slider uses HTML5 Canvas to generate it’s uniquely shaped thumbnails. All while keeping the past in mind, the slider degrades gracefully in older browsers and will not break your layout if javascript is disabled.

When designing this slider, we wanted to have total control of the slider window. We found early on that when transitioning images this way, we knew needed to make images larger than the slider window.

Part of the help file will tell you what size you need to make your images, as well as provide a template. The template can be used when designing your slides, because it tells you which regions of the image will be seen when your images are moving or standing still. So no guessing is required when it comes to setting up your slider, or designing your slides.

The slider takes as many or as few images that you want. So we have included a video, with step by step instructions, that explain how to setup a PSD file, for the designing overlapping slides in a single PSD. The same method was used to design the slides in the slider above. We have taken advantage of the web’s newest CSS features to make a slider that animates in a way we have never seen before. The slider uses HTML5 Canvas to generate it’s uniquely shaped thumbnails. All while keeping the past in mind, the slider degrades gracefully in older browsers and will not break your layout if javascript is disabled.

When designing this slider, we wanted to have total control of the slider window. We found early on that when transitioning images this way, we knew needed to make images larger than the slider window.

Part of the help file will tell you what size you need to make your images, as well as provide a template. The template can be used when designing your slides, because it tells you which regions of the image will be seen when your images are moving or standing still. So no guessing is required when it comes to setting up your slider, or designing your slides.

The slider takes as many or as few images that you want. So we have included a video, with step by step instructions, that explain how to setup a PSD file, for the designing overlapping slides in a single PSD. The same method was used to design the slides in the slider above.


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

Properties

Created:
30 August 12

Last Update:
6 December 12

Compatible Browsers:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS, Layered PSD

Software Version:
jQuery

Keywords

eCommerce, eCommerce, All Items