CodeCanyon Layer jQuery Ad Banner Slideshow 1036056

CodeCanyon Layer jQuery Ad Banner Slideshow 1036056

CodeCanyon Layer jQuery Ad Banner Slideshow 1036056
JavaScript \ Slider
Layer \ Viewer \ Intro \ Multi \ Image \ Slideshow \ Banner \ Animation



JavaScript - Layer jQuery Ad Banner Slideshow 1036056 by FMedia @ CodeCanyon

JavaScript \ Slider

Last Update: 21 December 11; Compatible Browsers: IE7, IE8, IE9, Firefox 3, Firefox 4, Safari 4, Safari 5, Opera, Chrome; Software Version: jQuery 1.5; High Resolution: No; Files Included: JavaScript JS, HTML, CSS.

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" style="position:relative; width:250px;
height:250px; overflow:hidden; visibility:hidden; margin: 0 auto; background-color:#FFF" align="center">
<div data-starttime="0" data-staytime="30" class="imgSty" src="http://codecanyon.net/item/layer-jquery-ad-banner-slideshow/img1.jpg" style="width:250px; height:250px" />
<div data-align="BC" data-spacing="32,0" data-inoutdirection="LR" data-inoutdistance="40" data-starttime="6" data-staytime="20" class="divStyle">
<span class="txtMedium" style=" font-size:1em; color:#fff;">Layer - Ad Banner / Slideshow</span>
</div>
<div data-align="LC" data-spacing="15,0" data-inoutdirection="T" data-inoutdistance="180" data-starttime="2" data-staytime="14" data-animationspeed="400" data-easein="easeOutBack" data-easeout="easeOutQuart" class="imgSty" src="http://codecanyon.net/item/layer-jquery-ad-banner-slideshow/img2.png" style="width:172px; height:111px" />
<div data-align="TL" data-spacing="2,90" data-inoutdirection="RL" data-inoutdistance="100" data-starttime="11" data-staytime="15" class="divStyle">
<span class="txtMedium" style=" font-size:1em; color:#000;">Clean</span>
</div>
</div>

Customize this banner into any size.

300×250, 250×250, 240×400, 336×280, 180×150, 300×100, 720×300, 468×60, 234×60, 88×31, 120×90, 120×60, 120×240, 125×125, 728×90, 160×600 120×600, 300×600

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.

jQuery Christmas, New Year Greeting card & Banner; jQuery Homepage Banner Slideshow / Product viewer.

Keywords: 250X250, 728x90, Layer animation, ad banner, image viewer, intro, layer, multi layer, slideshow.



Tags: Layer, Slideshow, Banner, Viewer, Intro, Multi, Image

Premium CodeCanyon Layer jQuery Ad Banner Slideshow 1036056 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon Layer jQuery Ad Banner Slideshow 1036056 for digital design and education. CodeCanyon Layer jQuery Ad Banner Slideshow 1036056 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *