2009-07-13 4 views

답변

1

이 질문에 대한 대답은 쉽게 jCarousel의 문서의 첫 번째 페이지에서 찾을 수 있지만, 좋아, 내가 당신을 위해 여기에 복사거야)

모든 다운로드 jCarousel의 첫 번째와 <head>에 모든 소스를 추가 꼬리표.

<script type="text/javascript" src="/path/to/jquery-1.2.1.pack.js"></script> 
<script type="text/javascript" src="/path/to/lib/jquery.jcarousel.pack.js"></script> 
<link rel="stylesheet" type="text/css" href="/path/to/lib/jquery.jcarousel.css" /> 
<link rel="stylesheet" type="text/css" href="/path/to/skin/skin.css" /> 

그런 다음 회전판에이 코드를 넣으십시오.

<ul id="mycarousel" class="jcarousel-skin-name"> 
    <!-- The content goes in here --> 
</ul> 

다음 jar 코드를 추가하여 컨베이어를 초기화하십시오.

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({ 
     // Carousel gonna be vertical 
     vertical : true, 
     // AJAX callback 
     itemLoadCallback: itemLoadCallbackFunction 
    }); 
}); 
</script> 

그런 다음 실제로 캐 로우 셀에 새 항목을로드하려면 itemLoadCallBackFunction을 만들어야합니다. 기본적으로 인덱스가 i 인 항목을 얻으면 carousel.add(i, item)으로 회전식 슬라이드에 삽입하면됩니다.

UPD :

Here 내부 PHP 스크립트를 예입니다, 당신은 거기에서 영감을 얻을 수 있습니다.