Hola tengo una pagina en presthop:
http://electrooutletbarato.com/
Esta tienen un modulo de ofertas en modo carrousel que tienen unas flechitas para hacerlo deslizar,
A mi me gustaria que este fuera girando de lado a lado automaticamente o cuando pasaran el raton por encima
pongo el codigo del modulo, puide ser que no sea este porque dispone de mas archivos:
{if isset($products) AND $products}
<link rel="stylesheet" type="text/css" href="{$offers_css}" />
<script type="text/javascript" src="{$offers_js}"></script>
<!-- Carousel Ofertas diseño web www.4webs.es | design web www.4webs.es -->
<div class="home-offers">
{assign var='_collectionSize' value=$products|@count}
{assign var='i' value=0}
<h1>{l s='Specials Offers' mod='blockasoffers'}</h1>
<ul id="offers" class="jcarousel-skin-tango">
{foreach from=$products item=product name=homeOffersProducts}
{if $i++%3==0}
{/if}
<li>
<h5><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|truncate:32:'...'|escape:'ht mlall':'UTF-8'}">{$product.name|escape:'htmlall':'UTF-8'|truncate:35:'...'}</a></h5>
<a class="preview" rel="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:html:'UTF-8'}">
<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />
</a>
<div>
<a class="view" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{l s='View' mod='blockasoffers'}"></a>
</div>
</li>
{if $i%4==0 AND $i!=$_collectionSize}
{/if}
{/foreach}
</ul>
</div>
{/if}
Cualquier duda solicitarmela
gracias de antemanop
