Banner com jQuery Cycle

1. Copie o arquivo jquery.cycle.all.js para a pasta /web/EMPRESA/misc.
2. Digite o código abaixo no bloco definido para o banner.
<script type="text/javascript" src="/web/EMPRESA/misc/jquery.cycle.all.js" ></script>
<div id="slide"> 
<img src="/web/EMPRESA/sites/default/files/conteudo/banner/banner01.png" /> 
<img src="/web/EMPRESA/sites/default/files/conteudo/banner/banner02.png" />
<img src="/web/EMPRESA/sites/default/files/conteudo/banner/banner03.png" />
<img src="/web/EMPRESA/sites/default/files/conteudo/banner/banner04.png" />
<img src="/web/EMPRESA/sites/default/files/conteudo/banner/banner05.png" />
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#slide').cycle({ 
fx:    'fade', 
speed: 3500 
});
});
</script>
3. Altere as chamadas EMPRESA pelo nome da pasta definida para a empresa.
4. O efeito, atributo fx, pode aceita um dos valores: blindXblindYblindZcovercurtainXcurtainYfadefadeZoomgrowXgrowYnone,
scrollUpscrollDownscrollLeftscrollRightscrollHorzscrollVertshuffleslideXslideYtossturnUpturnDownturnLeftturnRightuncoverwipezoom.

 

Referêcias
http://jquery.malsup.com/cycle/
http://jquery.malsup.com/cycle/browser.html