jCarousel과 정적 컨텐츠로 원형 회전식 컨베이어를 어떻게 만드나요?

Question

jCarousel 플러그인 사이트에는 순환 슬라이드 쇼를 수행하는 방법에 대한 예가 있지만 동적으로 생성 된 콘텐츠를 사용하고 있습니다. 나는 정적 컨텐츠로 어떻게 똑같은 일을 할 수 있는지 알고 싶다. 내가가 때 보여주는에서 이전 및 다음 버튼을 방지 할 수있는 방법, 정기적으로 업데이트받을 것입니다 사이트에이 일을하고 있습니다 때문에, 또한
http://sorgalla.com/projects/jcarousel/examples/special_circular.html

:

여기에 동적 콘텐츠를 사용하여 jCarousel 원형 예제 보여줄 목록 항목이 3 개뿐입니까?

Answer 1

이 예는 동적 콘텐츠를 사용하지 않고 정적 콘텐츠를 사용하고 있습니다. 로드중인 이미지 목록은 다음과 같습니다.

var mycarousel_itemList = [ 
    {url: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg', title: 'Flower1'}, 
    {url: 'http://static.flickr.com/75/199481072_b4a0d09597_s.jpg', title: 'Flower2'}, 
    {url: 'http://static.flickr.com/57/199481087_33ae73a8de_s.jpg', title: 'Flower3'}, 
    {url: 'http://static.flickr.com/77/199481108_4359e6b971_s.jpg', title: 'Flower4'}, 
    {url: 'http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg', title: 'Flower5'}, 
    {url: 'http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg', title: 'Flower6'}, 
    {url: 'http://static.flickr.com/58/199481218_264ce20da0_s.jpg', title: 'Flower7'}, 
    {url: 'http://static.flickr.com/69/199481255_fdfe885f87_s.jpg', title: 'Flower8'}, 
    {url: 'http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg', title: 'Flower9'}, 
    {url: 'http://static.flickr.com/70/229228324_08223b70fa_s.jpg', title: 'Flower10'} 
]; 

해당 페이지의 코드에 대한 효과는 어떻습니까?

당신은 코멘트를 혼동하는 경우 :에, last :

jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({ 
     wrap: 'circular', 
     itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback}, 
     itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback} 
    }); 
}); 

Answer 2

그냥 랩 추가

<!-- The content will be dynamically loaded in here --> 

모든 뜻이 회전 목마가이 코드에 의해 페이지로드에서 시작한다는 것입니다 루프를 만드는 init 함수.