jCarouselLite - 목록 항목을 한 줄로 표시

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

내가이 의미하는 것은 -이 대신 :

li  li  li  li

그것은 내가 스크립트를 제거 할 때 잘 작동하지만 그것으로 그 그들을 강제 :이 무엇입니까

li  li 
li  li

모두 하나의 "선"에. 나는 스크립트를 훑어 보았고 어떤 부분이 모든 것을 한 줄로 강요하는지 알 수 없다. 여기

스크립트입니다 : 당신은 또한 여기에 문제의 데모를 볼 수 있습니다 http://www.trekradio.net/dev/wp-content/themes/tr2012/js/jcarousellite_1.0.1.js

은 "무슨의"Heaer 제 : http://www.trekradio.net/dev/ (이 사이트는 공사중입니다 그래서 그 상태를 용서).

는 편집 :

li 

li 

li 

li

출처

2012-05-21 Zach Nicodemous

저는 이것을'block'이나'inline-block' 대신에'li' 요소'float'을 만드는 플러그인과 연관시킬 것입니다. –

그들은 떠 있어야합니다. 스크립트가 없으면 왼쪽으로 띄우고 원하는대로 표시합니다. 나는 "display : block"과 "display : inline-block"을 추가하려했지만 diff를 만들지 않았다. –

업데이트 : 스크립트에서 "true"로은 "수직"옵션을 설정하면 내가 원하는 수직으로 스크롤 회전 목마를 변경 AND하지 않은,이 같은 목록 항목을 표시합니다 :

var ulSize = liSize * itemLength/2; // size of full ul(total length, not just for the visible items)
: [추한 수정] 여기

당신이 (당신이 작은 / 2 비트를 추가) jcarousellite_1.0.1.js에 업데이트하는 데 필요한 라인 0

다른 페이지의 다른 모든 회전식 차트에 영향을주기 때문에 조심하십시오.

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

는 내가의 .js 파일을 패치, 당신은 당신의 코드에서 옵션 lines을 사용하거나 기본적으로 1 개 라인을 남길 수 있습니다 : 여기

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

은 the patched jcarousellite_1.0.1.js

행운을 빕니다!

나는이 너무 멀리 jCarouselLite을 약간 구부리 것이 두렵다.

li을 두 개의 ul 개로 분할하거나 PHP 또는 DOM을 Javascript/jquery로 조작하여 처리하는 것이 좋습니다.

이렇게하면 두 개의 병렬 수평 회전식 캐 러셀을 함께 실행하여 목표를 달성 할 수 있습니다.

희망이 도움이됩니다.

출처

2012-05-23 15:55:09

정말 환상적이에요 :) 이것 좀 봐 주셔서 감사합니다 :) –

@ZachNicodemous : 당신은 환영합니다, 나는 너무 배웠습니다! 현상금은 때때로 일한다 :) –

jCarouselLite - 목록 항목을 한 줄로 표시

답변

관련 문제