Features:
- Full Customizable
- Set Start / Stay time for each layer
- Set Easing In / Out Type
- Set Animation Speed
- Cufon font support
- Set number of preload images
- Enable / disable play pause button
- Option to add Replay button
- Support relative path
- Support unlimited layers
In plug-in code you can customize the banner using below variables
jQuery(function($){ $('#jq_AdBanner').fmAdBanner({ assetPath : 'fmBanner_assets', banner_width : 250, banner_height : 250, numberOfImages_preload : 3, image_loader : "loader_img.png", image_sprite : "sprite.png", loop : true, playPause : true, default_data_align : "C", default_data_spacing : "0,0", default_data_inOutDirection : "LR", default_data_inOutDistance : "0", link_url : "#", link_target : "_self" }); });
Sample banner code
<div id="jq_AdBanner" align="center" style="position:relative; width:250px; height:250px; overflow:hidden; visibility:hidden; margin: 0 auto; background-color:#FFF"> <div data-staytime="30" data-starttime="0" class="imgSty" src="img1.jpg" style="width:250px; height:250px"></div> <div data-staytime="20" data-starttime="6" class="divStyle" data-spacing="32,0" data-inoutdirection="LR" data-align="BC" data-inoutdistance="40"> <span class="txtMedium" style=" font-size:1em; color:#fff;">Layer - Ad Banner / Slideshow</span> </div> <div data-easeout="easeOutQuart" data-staytime="14" data-starttime="2" class="imgSty" src="img2.png" data-easein="easeOutBack" data-spacing="15,0" data-inoutdirection="T" data-align="LC" data-inoutdistance="180" data-animationspeed="400" style="width:172px; height:111px"></div> <div data-staytime="15" data-starttime="11" class="divStyle" data-spacing="2,90" data-inoutdirection="RL" data-align="TL" data-inoutdistance="100"> <span class="txtMedium" style=" font-size:1em; color:#000;">Clean</span> </div> </div>
Complete help document is included in download file
If you have any questions about this file contact me through my profile page.