Pour les intéressés je viens de mettre en place jcarrousel lite pour la random list. J'ai choisi ce script pour sa légéreté et ses multiples possibilités.
demo
http://www.gmarwaha.com/jquery/jcarouse ... x.php#demo
Visible sur mon site en bas de page central:
http://www.nuboost.com
Je vous donne les grandes lignes de l'installation pour les intéressés:
Récupérer ce fichier
http://www.gmarwaha.com/jquery/jcarouse ... 0.1.min.js
enregistrer sous le même nom dans le repertoire /javascript de votre template = /NOMDEMONTEMPLATE/javascript/jcarousellite_1.0.1.min.js
Ensuite dans le header.tpl de votre template vous ajoutez
- Code: Tout sélectionner
<script type="text/javascript" src="{'/javascript/jquery/jquery.js'|resurl}" ></script>
<script type="text/javascript" src="{'/templates/NOMDEMONTEMPLATE/javascript/jcarousellite_1.0.1.min.js'|resurl}" ></script>
<script type="text/javascript">
{literal}
$(function() {
$(".anyClass").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev"
});
});
{/literal}
</script>
juste avant
- Code: Tout sélectionner
</head>
NOTE: remarquer le NOMDEMONTEMPLATE à modifier par le votre
ensuite dans /site/randomList.tpl devient
- Code: Tout sélectionner
<button class="prev"><<</button>
<button class="next">>></button>
<div class="anyClass">
<ul>
{foreach from=$randomSites value=site}
<li>
<a href="{$site|objurl:'siteDetails'}" title="{$site.siteTitle}" >
<img alt="{$site.siteTitle}" src="{$site.imageSrc}" class="random_image" />
</a>
</li>
{/foreach}
</ul>
</div>
Voila en gros le principe, je ne parle pas de mise en page css ou autre..Pour connaisseurs seulment, il s'agit simplement d'une aide sur la doc jcarrousel Lite
http://www.gmarwaha.com/jquery/jcarouse ... hp#install
Enjoy
