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.
Check out my other files:
Check out my Flash files:
