jCarouselLite - Forcer les éléments de la liste sur une seule ligne

Question

J'utilise jCarousellite sur une liste sur un site Web que je construis.Cela fonctionne parfaitement, mais le problème est que, pour une raison quelconque, le script empêche l'empilement des éléments de la liste.

Ce que je veux dire par là, c'est - au lieu de ceci :

li     li
li     li

J'obtiens ceci :

li     li     li      li

Cela fonctionne bien lorsque je supprime le script, mais avec lui, cela les force tous sur une seule "ligne".J'ai parcouru le script et je n'arrive pas à comprendre quelle partie les force tous sur une seule ligne.

Voici le scénario : http://www.trekradio.net/dev/wp-content/themes/tr2012/js/jcarousellite_1.0.1.js

Vous pouvez également voir une démo du problème ici dans la section « Quoi de neuf » du Heaer : http://www.trekradio.net/dev/ (ce site est en construction donc pardonnez son état).

MODIFIER:Définir l'option "vertical" sur "true" dans le script modifie le défilement du carrousel en vertical ET affiche les éléments de la liste comme ceci, ce qui n'est pas ce que je veux :

li

li

li

li

Answer 1

MIS À JOUR :[correction moche]

voici la ligne dans laquelle vous devez mettre à jour jcarousellite_1.0.1.js (tu ajoutes le petit / 2 peu) :

    var ulSize = liSize * itemLength / 2;                   // size of full ul(total length, not just for the visible items)

Méfiez-vous car cela aura un impact sur tous les autres carrousels de toute autre page.

MISE À JOUR 2 :correctif rétrocompatible

J'ai corrigé le fichier .js et vous pouvez utiliser l'option lines dans votre code, ou laissez-le avec 1 ligne par défaut :

<script type="text/javascript">
$(function() {
    $(".anyClass").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        lines : 2
    });
});
</script>

Voici le patché jcarousellite_1.0.1.js

Bonne chance !

--

J'ai peur que cela plie un peu trop jCarouselLite.

Je vous conseillerais de diviser le li en deux ul, par PHP ou encore en manipulant le DOM en Javascript/jquery.

De cette façon, vous pouvez atteindre votre objectif en installant deux carrousels horizontaux parallèles fonctionnant ensemble.

J'espère que cela t'aides !