Slider - Banner Rotativo
Autor: Elemento Zen | Publicado: 2013-06-08T20:51:00-07:00




&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"&gt;// &lt;![CDATA[

&lt;script type='text/javascript'&gt;

//&lt;![CDATA[

$(function(){

$(".tooltip").tipTip();

});

// ]]&gt;&lt;/script&gt;

&lt;!-- Featured Content Slider Inicio --&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;div id="slide"&gt;

&lt;div id="gallerycover"&gt;

&lt;ul&gt;

&lt;!-- Featured Slide 1 Code Start --&gt;

&lt;li&gt; &lt;a href="http://www.elementozen.com.br/catalogsearch/result/?q=bracelete+couro"&gt; &lt;img src="{{media url="images/Figura1.png"}}" alt="" /&gt;&lt;/a&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;/li&gt;

&lt;!-- Featured Slide 1 Code End --&gt; &lt;!-- Featured Slide 2 Code Start --&gt;

&lt;li&gt; &lt;a href="http://www.elementozen.com.br/promocao.html"&gt; &lt;img src="{{media url="images/promohome.png"}}" alt="" /&gt;&lt;/a&gt; &lt;span&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;/span&gt; &lt;/li&gt;

&lt;!-- Featured Slide 2 Code End --&gt; &lt;!-- Featured Slide 3 Code Start --&gt;

&lt;li&gt; &lt;a href="http://elementozen.com.br/"&gt; &lt;img src="{{media url="images/promohome.png"}}" alt="" /&gt;&lt;/a&gt; &lt;span&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;/span&gt; &lt;/li&gt;

&lt;!-- Featured Slide 3 Code End --&gt;&nbsp;

&lt;/ul&gt;

&lt;/div&gt;

&lt;/div&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;div id="outer-wrapper"&gt;

&lt;div id="main-outer"&gt;&lt;!-- skip links for text browsers --&gt; &lt;span id="skiplinks" style="display: none;"&gt; &lt;a href="#main"&gt;skip to main &lt;/a&gt; | &nbsp; &nbsp; &nbsp; &lt;a href="#sidebar"&gt;skip to sidebar&lt;/a&gt; &lt;/span&gt;&lt;/div&gt;

&lt;/div&gt;

&lt;script type="text/javascript"&gt;// &lt;![CDATA[

/**

&nbsp;* Coin Slider - Unique jQuery Image Slider

&nbsp;* @version: 1.0 - (2010/04/04)

&nbsp;* @requires jQuery v1.2.2 or later&nbsp;

&nbsp;* @author Ivan Lazarevic

&nbsp;* Examples and documentation at: http://workshop.rs/projects/coin-slider/

&nbsp;

&nbsp;* Licensed under MIT licence:

&nbsp;* &nbsp; http://www.opensource.org/licenses/mit-license.php

**/



(function($){var params=new Array;var order=new Array;var images=new Array;var links=new Array;var linksTarget=new Array;var titles=new Array;var interval=new Array;var imagePos=new Array;var appInterval=new Array;var squarePos=new Array;var reverse=new Array;$.fn.coinslider=$.fn.CoinSlider=function(options){init=function(el){order[el.id]=new Array();images[el.id]=new Array();links[el.id]=new Array();linksTarget[el.id]=new Array();titles[el.id]=new Array();imagePos[el.id]=0;squarePos[el.id]=0;reverse[el.id]=1;params[el.id]=$.extend({},$.fn.coinslider.defaults,options);$.each($('#'+el.id+' img'),function(i,item){images[el.id][i]=$(item).attr('src');links[el.id][i]=$(item).parent().is('a')?$(item).parent().attr('href'):'';linksTarget[el.id][i]=$(item).parent().is('a')?$(item).parent().attr('target'):'';titles[el.id][i]=$(item).next().is('span')?$(item).next().html():'';$(item).hide();$(item).next().hide();});$(el).css({'background-image':'url('+images[el.id][0]+')','width':params[el.id].width,'height':params[el.id].height,'position':'relative','background-position':'top left'}).wrap("&lt;div class='coin-slider' id='coin-slider-"+el.id+"' /&gt;");$('#'+el.id).append("&lt;div class='cs-title' id='cs-title-"+el.id+"' style='position: absolute; bottom:0; left: 0; z-index: 1000;'&gt;&lt;/div&gt;");$.setFields(el);if(params[el.id].navigation)

$.setNavigation(el);$.transition(el,0);$.transitionCall(el);}

$.setFields=function(el){tWidth=sWidth=parseInt(params[el.id].width/params[el.id].spw);tHeight=sHeight=parseInt(params[el.id].height/params[el.id].sph);counter=sLeft=sTop=0;tgapx=gapx=params[el.id].width-params[el.id].spw*sWidth;tgapy=gapy=params[el.id].height-params[el.id].sph*sHeight;for(i=1;i&lt;=params[el.id].sph;i++){gapx=tgapx;if(gapy&gt;0){gapy--;sHeight=tHeight+1;}else{sHeight=tHeight;}

for(j=1;j&lt;=params[el.id].spw;j++){if(gapx&gt;0){gapx--;sWidth=tWidth+1;}else{sWidth=tWidth;}

order[el.id][counter]=i+''+j;counter++;if(params[el.id].links)

$('#'+el.id).append("&lt;a href='"+links[el.id][0]+"' class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'&gt;&lt;/a&gt;");else

$('#'+el.id).append("&lt;div class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'&gt;&lt;/div&gt;");$("#cs-"+el.id+i+j).css({'background-position':-sLeft+'px '+(-sTop+'px'),'left':sLeft,'top':sTop});sLeft+=sWidth;}

sTop+=sHeight;sLeft=0;}

$('.cs-'+el.id).mouseover(function(){$('#cs-navigation-'+el.id).show();});$('.cs-'+el.id).mouseout(function(){$('#cs-navigation-'+el.id).hide();});$('#cs-title-'+el.id).mouseover(function(){$('#cs-navigation-'+el.id).show();});$('#cs-title-'+el.id).mouseout(function(){$('#cs-navigation-'+el.id).hide();});if(params[el.id].hoverPause){$('.cs-'+el.id).mouseover(function(){params[el.id].pause=true;});$('.cs-'+el.id).mouseout(function(){params[el.id].pause=false;});$('#cs-title-'+el.id).mouseover(function(){params[el.id].pause=true;});$('#cs-title-'+el.id).mouseout(function(){params[el.id].pause=false;});}};$.transitionCall=function(el){clearInterval(interval[el.id]);delay=params[el.id].delay+params[el.id].spw*params[el.id].sph*params[el.id].sDelay;interval[el.id]=setInterval(function(){$.transition(el)},delay);}

$.transition=function(el,direction){if(params[el.id].pause==true)return;$.effect(el);squarePos[el.id]=0;appInterval[el.id]=setInterval(function(){$.appereance(el,order[el.id][squarePos[el.id]])},params[el.id].sDelay);$(el).css({'background-image':'url('+images[el.id][imagePos[el.id]]+')'});if(typeof(direction)=="undefined")

imagePos[el.id]++;else

if(direction=='prev')

imagePos[el.id]--;else

imagePos[el.id]=direction;if(imagePos[el.id]==images[el.id].length){imagePos[el.id]=0;}

if(imagePos[el.id]==-1){imagePos[el.id]=images[el.id].length-1;}

$('.cs-button-'+el.id).removeClass('cs-active');$('#cs-button-'+el.id+"-"+(imagePos[el.id]+1)).addClass('cs-active');if(titles[el.id][imagePos[el.id]]){$('#cs-title-'+el.id).css({'opacity':0}).animate({'opacity':params[el.id].opacity},params[el.id].titleSpeed);$('#cs-title-'+el.id).html(titles[el.id][imagePos[el.id]]);}else{$('#cs-title-'+el.id).css('opacity',0);}};$.appereance=function(el,sid){$('.cs-'+el.id).attr('href',links[el.id][imagePos[el.id]]).attr('target',linksTarget[el.id][imagePos[el.id]]);if(squarePos[el.id]==params[el.id].spw*params[el.id].sph){clearInterval(appInterval[el.id]);return;}

$('#cs-'+el.id+sid).css({opacity:0,'background-image':'url('+images[el.id][imagePos[el.id]]+')'});$('#cs-'+el.id+sid).animate({opacity:1},300);squarePos[el.id]++;};$.setNavigation=function(el){$(el).append("&lt;div id='cs-navigation-"+el.id+"'&gt;&lt;/div&gt;");$('#cs-navigation-'+el.id).hide();$('#cs-navigation-'+el.id).append("&lt;a href='#' id='cs-prev-"+el.id+"' class='cs-prev'&gt;prev&lt;/a&gt;");$('#cs-navigation-'+el.id).append("&lt;a href='#' id='cs-next-"+el.id+"' class='cs-next'&gt;next&lt;/a&gt;");$('#cs-prev-'+el.id).css({'position':'absolute','top':params[el.id].height/2-15,'left':0,'z-index':1001,'line-height':'30px','opacity':params[el.id].opacity}).click(function(e){e.preventDefault();$.transition(el,'prev');$.transitionCall(el);}).mouseover(function(){$('#cs-navigation-'+el.id).show()});$('#cs-next-'+el.id).css({'position':'absolute','top':params[el.id].height/2-15,'right':0,'z-index':1001,'line-height':'30px','opacity':params[el.id].opacity}).click(function(e){e.preventDefault();$.transition(el);$.transitionCall(el);}).mouseover(function(){$('#cs-navigation-'+el.id).show()});$("&lt;div id='cs-buttons-"+el.id+"' class='cs-buttons'&gt;&lt;/div&gt;").appendTo($('#coin-slider-'+el.id));for(k=1;k&lt;images[el.id].length+1;k++){$('#cs-buttons-'+el.id).append("&lt;a href='#' class='cs-button-"+el.id+"' id='cs-button-"+el.id+"-"+k+"'&gt;"+k+"&lt;/a&gt;");}

$.each($('.cs-button-'+el.id),function(i,item){$(item).click(function(e){$('.cs-button-'+el.id).removeClass('cs-active');$(this).addClass('cs-active');e.preventDefault();$.transition(el,i);$.transitionCall(el);})});$('#cs-navigation-'+el.id+' a').mouseout(function(){$('#cs-navigation-'+el.id).hide();params[el.id].pause=false;});$("#cs-buttons-"+el.id).css({'left':'50%','margin-left':-images[el.id].length*15/2-5,'position':'relative'});}

$.effect=function(el){effA=['random','swirl','rain','straight'];if(params[el.id].effect=='')

eff=effA[Math.floor(Math.random()*(effA.length))];else

eff=params[el.id].effect;order[el.id]=new Array();if(eff=='random'){counter=0;for(i=1;i&lt;=params[el.id].sph;i++){for(j=1;j&lt;=params[el.id].spw;j++){order[el.id][counter]=i+''+j;counter++;}}

$.random(order[el.id]);}

if(eff=='rain'){$.rain(el);}

if(eff=='swirl')

$.swirl(el);if(eff=='straight')

$.straight(el);reverse[el.id]*=-1;if(reverse[el.id]&gt;0){order[el.id].reverse();}}

$.random=function(arr){var i=arr.length;if(i==0)return false;while(--i){var j=Math.floor(Math.random()*(i+1));var tempi=arr[i];var tempj=arr[j];arr[i]=tempj;arr[j]=tempi;}}

$.swirl=function(el){var n=params[el.id].sph;var m=params[el.id].spw;var x=1;var y=1;var going=0;var num=0;var c=0;var dowhile=true;while(dowhile){num=(going==0||going==2)?m:n;for(i=1;i&lt;=num;i++){order[el.id][c]=x+''+y;c++;if(i!=num){switch(going){case 0:y++;break;case 1:x++;break;case 2:y--;break;case 3:x--;break;}}}

going=(going+1)%4;switch(going){case 0:m--;y++;break;case 1:n--;x++;break;case 2:m--;y--;break;case 3:n--;x--;break;}

check=$.max(n,m)-$.min(n,m);if(m&lt;=check&amp;&amp;n&lt;=check)

dowhile=false;}}

$.rain=function(el){var n=params[el.id].sph;var m=params[el.id].spw;var c=0;var to=to2=from=1;var dowhile=true;while(dowhile){for(i=from;i&lt;=to;i++){order[el.id][c]=i+''+parseInt(to2-i+1);c++;}

to2++;if(to&lt;n&amp;&amp;to2&lt;m&amp;&amp;n&lt;m){to++;}

if(to&lt;n&amp;&amp;n&gt;=m){to++;}

if(to2&gt;m){from++;}

if(from&gt;to)dowhile=false;}}

$.straight=function(el){counter=0;for(i=1;i&lt;=params[el.id].sph;i++){for(j=1;j&lt;=params[el.id].spw;j++){order[el.id][counter]=i+''+j;counter++;}}}

$.min=function(n,m){if(n&gt;m)return m;else return n;}

$.max=function(n,m){if(n&lt;m)return m;else return n;}

this.each(function(){init(this);});};$.fn.coinslider.defaults={width:565,height:290,spw:7,sph:5,delay:3000,sDelay:30,opacity:0.7,titleSpeed:500,effect:'',navigation:true,links:true,hoverPause:true};})(jQuery);

// ]]&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;// &lt;![CDATA[

jQuery(document).ready(function() {







jQuery('#gallerycover').coinslider({ width: 700, height:250, sDelay: 10, delay: 3000, effect:'swirl' });





&nbsp; jQuery('.sblist li:nth-child(odd)').addClass('sblista');









});

// ]]&gt;&lt;/script&gt;