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

Saloon - The jQuery Banner Rotator Plugin

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Saloon - The jQuery Banner Rotator Plugin - CodeCanyon Item for Sale


Ad: Bluehost hosting

What is it?

Saloon – The jQuery Banner Rotator animates your image and text slides with transition effects of the wide library. Easy installation, state-of-the-art transitions and text animations define the freshline style. See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. Give each slider a description and more elements to transport your message.

So what is so new?

What makes this Slider unique is that you not only can animate all the elements (Text, Icons, Pics…) on each slide too. You can create unlimited amounts of objects and let them appear with style!

We also included a Drag ‘n’ Roll feature! That allows you to enjoy a touch feeling on your desktop too.

Touch swipe on iOS and Android mobile devices is of course included. So it works on every modern browser (including IE8) and on mobile devices.

View demo

Is it hard to implement?

No! It is the typical way of implementing a jQuery plugin. You just need to know little HTML and Javascript.

Put the JS and CSS links in the head of your HTML site and build an unsorted list of items for example like this:

<span class="green xmlexample"><strong> < li</strong>> < img src="images/880x350/pic1.jpg"><br /> < div class="creative_layer"><br /> < div class="caption_black wipedown" style="top:100px;left:550px;">LOREM IPSUM< br>DOLOR HE?..< /div> < div class="caption_simple wipeup" style="top:220px;left:550px;"> Mover epicure lucilus cum te. Tota om< /br><br /> temporibus disputando in est, id eam< /br><br /> summo epicuri invidunt. <br /> < /div><br /> < /div><br /> <strong>< /li></strong></span>

What are the Features?

  • Drag and Roll Function – selectable per banner
  • Flexible Sizing – No limit at Sizing
  • Unlimited Banner per page
  • Bullet Points – Selectable per Banner
  • All Demo Examples Available in Download Package
  • Conflictfree jQuery Plugin
  • Clean and Great Design
  • Proportional Dragging – Auto Roll Further / Roll Back Animation
  • Clean HTML Accordion Documentation

Thank you for your time!!

If you face problems while using one our Items please create a ticket at We will come back to you asap!

Our Wordpress Themes

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


21 February 12

Last Update:
30 July 12

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

Files Included:
JavaScript JS, HTML, CSS

Software Version:


eCommerce, eCommerce, All Items, 3d, canvas, creative, demo, easy, effects, gallery, html5, image, jquery, photoslider, plugin, preview, showcase, slideshow