Home / Components / Galleries & Slideshows / jQuery Banner Rotator /

jQuery Banner Rotator

128 purchases

flashblue Galleries & Slideshows jQuery Banner Rotator Purchase a jQuery banner rotator plugin featuring multiple transitions that supports text effects for captions. The thumbnails and buttons allow for easy navigation of your banners / ads. $10 http://www.flashcomponents.net/component/jquery-banner-rotator.html http://www.flashcomponents.nethttp://u1.flashcomponents.net/components/small/5998_1.png

License:

By purchasing and downloading this license, you are entitled, as buyer, to use the product in ONE SINGLE NON-COMMERCIAL PROJECT ( website or other ... [+]

> View graphic table with full license features

$10.00

buy now

Documentation level: Excellent documented

Product ID:F1205998

Author:

flashblue

flashblue avatar

Interactive Web Designer and Developer.

 

jQuery banner rotator plugin featuring multiple transitions that supports text effects for captions. The thumbnails and buttons allow for easy navigation of your banners / ads.

WordPress Version

A WordPress plugin for this jQuery plugin is available at
http://www.flashcomponents.net/component/jquery-banner-rotator-wordpress-plugin.html

Features Included:

  • Responsive, FullWidth or Fixed sizes are available
  • Resizable and configurable through the plugin’s parameters and CSS file
  • Multiple Transitions are available. Also you can set a different transition per slide.
  • Flexible transition Speed and Easing
  • Public API to control the slider externally (play, stop, previous, next, jump to slide, count, events for slider and videos)
  • Able to load unlimited number of images, each with customizable text description, tooltip, and hyperlink
  • Show or hide components, including play/pause button, directional buttons, thumbnails, text panel, tooltip and shadow
  • Can set to automatically play on startup with customizable timer delay. Also, can set a different time delay for each slide
  • You can set the slider to play once and stop at the end of the slide
  • Randomize to show items in a random order
  • You can change Timer type to Clock / Line . Timer position (bottom, top) for line type timer and stop timer on mouseover
  • Banner, thumbnails and buttons are all resizable
  • Embed links and images inside html text description box
  • Configurable tooltip for each thumbnail
  • Block & stripe sizes are configurable
  • Mouse wheel scrolling supported
  • Mobile touchscreen supported
  • Banner select by mouseover / click option
  • Horizontal / vertical alignment of thumbnails and buttons
  • YouTube & Vimeo videos are supported with Autoplay option
  • Video playback to stop the timer
  • Set Link and Target per slide
  • Select 3 different Shadow Types or hide the shadow
  • Images and thumbnails can be dynamically resized
  • SEO optimized and semantic, images are indexable, completely any tag names for markup, captions can use any tag you want
  • Help file is included

Caption Text Effects:

  • Supports HTML, Images or Text formatting
  • You can change animation direction, offset, start-end time, speed and delay via content parameters
  • Set Randomrotate, Slide, Fade for Captions
  • Set Link Within the Slides via Captions

$10.00

buy now

License:

Personal License By purchasing and downloading this license, you are entitled, as buyer, to use the product in ONE SINGLE NON-COMMERCIAL PROJECT ( website or other multimedia project not generating income ), your personal work or work for a client. You may not redistribute / resell the functionality provided with the purchased product without the author's and / or FlashComponents.net written permission, but you may modify its content. In case you want to use the product for a commercial project then you will have to buy the 'Commercial License'.

Usage Terms: Personal Commercial Multiple
Use in ONE SINGLE NON-COMMERCIAL project
Unlimited use in the same project
Use in ONE SINGLE COMMERCIAL project
For your client's ONE SINGLE COMMERCIAL project
MULTIPLE COMMERCIAL projects
For your client's MULTIPLE COMMERCIAL projects

Other by flashblue:

Tween Horizontal Menu XML

Horizontal menu with tween effect. All content ...[+]

More >>

Sliding Image Gallery XML v7

XML driven dynamic sliding image gallery for pr...[+]

More >>

Circular Bright Preloader

Circular preloader animation.

More >>

Related components:

jQuery Sliding Image Gallery v2

This is a jQuery banner rotator / slider photo ...[+]

More >>

jQuery Slider Ken Burns

Fully responsive jQuery Slider with Ken Burns e...[+]

More >>

jQuery Photo Zoom Gallery

This is a quality jQuery photography gallery wi...[+]

More >>

1 / 17

Featured components:

Utmost Templates Pack

Over 23 Multimedia Templates Package with 90% D...[+]

More >>

Ultimate XML Video Player with Playlist and Categories

[b]Advanced Resizable Flash XML Video Player th...[+]

More >>

HTML / XML Video List White AS2 - v2 ( & FLV Player )

HTML / XML Video List - white theme - with mult...[+]

More >>

18 comments

Add comment

  • New tags added for component jQuery Banner Rotator



    #  /  PM  /  posted on May 06, 2012
  • Great work.



    #  /  PM  /  posted on May 09, 2012
  • Thanks!



    #  /  PM  /  posted on May 10, 2012
  • I can't seem to locate or change the size of this banner to 1000 wide x 340 I tried changing in both css files - no luck. Is this the correct place to make these changes? I am also looking to use the selector for "outside" preset - how can I change this?



    #  /  PM  /  posted on Jun 20, 2012
  • I am using an iframe I can not change the height and width How the black frame to remove How to choose one style into the iframe?

    Thank you



    #  /  PM  /  posted on Jun 23, 2012
  • You can add width-height parameters to change dimensions:

    $(".banner").bannerRotator({
       width:1000,  
       height:340
    }); 
    

    You can remove the border by adding showBorder parameter:

    $(".banner").bannerRotator({
        showBorder:false
    }); 
    


    #  /  PM  /  posted on Jun 25, 2012
  • Im having trouble locating where to change the border color of the entire banner?

    Also, the number buttons at the bottom aren't showing up.

    Thank you.



    #  /  PM  /  posted on Sep 07, 2012
  • Nevermind, I found my answer.

    All items to be configured within the parameters =)



    #  /  PM  /  posted on Sep 07, 2012
  • Ok.



    #  /  PM  /  posted on Sep 12, 2012
  • Sent you an email but no response, ill post my question here, hopefully you can help.

    I cannot get the numbers & thumbnails to show up in the cpanel section. I have the parameters correctly set in the script, located at the bottom of the HTML page.

    I also tried to minic your setting with the bullets on the bottom, centered. but so far no luck.

    Help is appreciated.

    Thanks.



    #  /  PM  /  posted on Sep 13, 2012
  • Hello! How can change the main setting from Number to the Bullets? Can't seem to find that anywhere in your Help file. Thanks!



    #  /  PM  /  posted on Sep 14, 2012
  • Interested in purchasing commercial license if I like the product can license be upgraded to the multiple license? Thank you in advance



    #  /  PM  /  posted on Oct 12, 2012
  • How I could add a transition to an slide replacing the default value?



    #  /  PM  /  posted on Oct 30, 2012
  • It's written in the help file. You just need to add data-effect="fade" where you can change "fade" to another transition effect listed in the help (help/index.html > Transitions Table).



    #  /  PM  /  posted on Oct 30, 2012
  • YouTube & Vimeo play-close buttons and timer stop actions are added.



    #  /  PM  /  posted on Nov 02, 2012
  • It's now fully responsive! Also, full-width version available.



    #  /  PM  /  posted on Mar 06, 2013
  • It is very nice banner. How can I remove white background & bottom shadow? Thanks



    #  /  PM  /  posted on Apr 30, 2013
  • There's a parameter for shadow in JS:

    api = $(".banner").bannerRotator({
                    startWidth:960,
                    startHeight:400,
                    hideCaptionAtResolution:320,
                    transition:"random",
                    **shadow:0**                    
                });
    

    You can change border-black bg via source/css/responsive.css:

    .bannercontainer {
    position:relative;
    margin:0 auto;
    padding:15px;
    background-color:#000;
    width:960px;
    -moz-border-radius:10px; 
    -webkit-border-radius:10px;
    border-radius:10px;
    

    }



    #  /  PM  /  posted on Apr 30, 2013
Please login to post comments.