mini menu liens web
créer un slider
Support des Modules
superbibi Membre non connecté
-
Booster Bazooka
- Voir le profil du membre superbibi
- Inscrit le : 20/09/2009
- Site internet
J'aimerais, à l'instar du minimodule galerie, faire un slider des liens webs partenaires.
Actuellement, les logos configurés en partenaire s'affichent les un à côté des autres, ce qui limite drastiquement le nombre, surtout des logos sont gros.
Je cherche à afficher quelques secondes un même logo issu des liens web définis en partenaires, 3 ou 5 secondes, à ajuster au besoin.
Ça permettrait de garder les logos assez gros et d'en avoir plusieurs.
Je pense qu'il me faudra modifier le fichier WebModuleMiniMenu.tpl mais je ne sais comment faire.
J'ai pensé à regarder le code de gallery_mini.tpl ou je retrouve bien un code JS JQuery, mais, mes connaissances très faibles en JS font que je ne comprends pas du tout ce code.
Comment puis-je adapter ça ?
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
tu déclares une div autour de tes éléments
Code HTML :
<div id="web-mini-carousel" class="owl-carousel"> # START items # <a href="{items.U_VISIT}" class="mini-content-friends-link offload"># IF items.C_HAS_PARTNER_THUMBNAIL #<img src="{items.U_PARTNER_THUMBNAIL}" alt="{items.NAME}" itemprop="image" class="content-friends-picture" /># ELSE #{items.NAME}# ENDIF #</a> # END items # </div>
puis tu appliques le script sur ta div avec les options dont tu as besoin
Code JAVASCRIPT :
<script> jQuery('#web-mini-carousel') .owlCarousel({ autoplay: true, autoplayTimeout: 3500, loop: true, margin: 15, smartSpeed: 1000, autoplayHoverPause: true, responsive: { 0: { items: 1}, 769: { items: 2} } }); </script>
Pour un support plus efficace, pensez à déclarer dans votre profil, le lien vers votre site
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie