JCarousellite - 단일 라인에 목록 항목을 강요합니다

Question

저는 JCarousellite를 사용하고 있습니다. 나는 건물의 웹 사이트의 목록에 있습니다. 그러나 완벽하게 작동하지만 문제는 어떤 이유로 스크립트가 목록 항목이 스태킹을 중지시키는 것입니다.

이 의미하는 바가 대신 :

li     li
li     li

.

나는 이것을 얻고 있습니다 :

li     li     li      li

.

스크립트를 제거 할 때 잘 작동하지만, 그와 함께 그 모든 것을 "라인"으로 강제합니다. 나는 스크립트를 살펴 보았고 어떤 부분이 하나의 행으로 모든 것을 강요하는지 알아낼 수는 없습니다.

여기는 script입니다. http : / /www.trekradio.net/dev/wp-content/themes/tr2012/js/jcarousellite_1.0.1.js

heaer의 "whats on"섹션에있는 "문제"섹션에서 문제의 데모를 볼 수도 있습니다. http : //www.trekradio.net/dev/ (이 사이트는 건설 중이므로 상태가 용이합니다).

편집 : 스크립트의 "True"옵션을 "True"로 설정하면 회전식 스크롤이 수직으로 스크롤을 변경하고 이와 같은 목록 항목을 표시합니다.

li

li

li

li

.

Answer 1

업데이트 : [추악한 수정]

jcarousellite_1.0.1.js에서 업데이트 해야하는 행이 있습니다 (Tiny / 2 비트 추가) :

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

.

다른 모든 회전 목마에 영향을 미칠 것이므로 조심하십시오.

업데이트 2 : 이전 버전 호환 수정

ijs 파일을 패치했으며 코드에서 lines 옵션을 사용하거나 기본적으로 1 행으로 그대로 둡니다.

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

.

여기 패치 된 jcarousellite_1.0.1.js

행운을 빕니다!

-

나는 이것이 JCarousblite를 조금 너무 멀리 구부릴 것이라는 것을 두려워합니다.

PHP에 의해 PHP 또는 JavaScript / JQuery에서 DOM을 조작함으로써 li를 두 개로 분할하도록 조언합니다.

이 방법으로 함께 실행되는 두 개의 평행 수평 회전 목마를 설정하여 목표를 달성 할 수 있습니다.

이 도움이되기를 바랍니다!