jCarouselLite – Listenelemente in eine einzelne Zeile zwingen

Question

Ich verwende jCarousellite für eine Liste auf einer Website, die ich erstelle.Es funktioniert einwandfrei, das Problem besteht jedoch darin, dass das Skript aus irgendeinem Grund dazu führt, dass die Listenelemente nicht mehr gestapelt werden.

Was ich damit meine ist - statt dessen:

li     li
li     li

Ich bekomme Folgendes:

li     li     li      li

Es funktioniert gut, wenn ich das Skript entferne, aber damit werden sie alle in eine einzige „Zeile“ gezwungen.Ich habe das Skript durchgesehen und kann nicht herausfinden, welcher Teil sie alle in eine einzige Zeile zwingt.

Hier ist das Skript: http://www.trekradio.net/dev/wp-content/themes/tr2012/js/jcarousellite_1.0.1.js

Sie können eine Demo des Problems auch hier im Abschnitt „Whats On“ des Heaer sehen: http://www.trekradio.net/dev/ (Diese Seite befindet sich im Aufbau, also verzeihen Sie den Zustand).

BEARBEITEN:Wenn Sie die Option „vertikal“ im Skript auf „true“ setzen, ändert sich das Scrollen des Karussells in vertikal UND zeigt die Listenelemente wie folgt an, was nicht das ist, was ich möchte:

li

li

li

li

Answer 1

AKTUALISIERT :[hässliche Lösung]

Hier ist die Zeile, in der Sie aktualisieren müssen jcarousellite_1.0.1.js (Sie fügen das Winzige hinzu / 2 bisschen) :

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

Seien Sie vorsichtig, da dies Auswirkungen auf alle anderen Karussells auf jeder anderen Seite hat.

UPDATE 2:abwärtskompatibler Fix

Ich habe die .js-Datei gepatcht und Sie können die Option verwenden lines in Ihrem Code, oder belassen Sie es standardmäßig bei 1 Zeile:

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

Hier ist die gepatcht jcarousellite_1.0.1.js

Viel Glück !

--

Ich befürchte, dass dies jCarouselLite etwas zu sehr verbiegen würde.

Ich würde Ihnen raten, das zu teilen li in zwei ul, durch PHP oder sogar durch Manipulation des DOM in Javascript/jquery.

Auf diese Weise können Sie Ihr Ziel erreichen, indem Sie zwei parallele horizontale Karussells aufstellen, die zusammenlaufen.

Hoffe das hilft !