jQuery - jCarouselLite - 이미지가 표시되지 않습니다.

Question

jCarouselLite를 이미 작동중인 사이트에 통합했지만 PREV 및 NEXT 버튼이 표시되지만 이미지가 표시되지 않습니다. 이미지 링크가 정확합니다.

아이디어가 있으십니까?

JQuery와 :

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

HTML :

<div id="list">   
<div class="prev"><img src="images/prev.jpg" alt="prev" /></div> 
<div class="slider"> 
<ul> 
<li><a href="#" title="Title 1"><img src="images/store_item_img.jpg" alt="Image 1" class="captify" /></a></li> 
<li><a href="#" title="Title 2"><img src="images/store_item_img.jpg" alt="Image 2" class="captify" /></a></li> 
<li><a href="#" title="Title 3"><img src="images/store_item_img.jpg" alt="Image 3" class="captify" /></a></li> 
<li><a href="#" title="Title 4"><img src="images/store_item_img.jpg" alt="Image 4" class="captify" /></a></li> 
<li><a href="#" title="Title 5"><img src="images/store_item_img.jpg" alt="Image 5" class="captify" /></a></li> 
<li><a href="#" title="Title 6"><img src="images/store_item_img.jpg" alt="Image 6" class="captify" /></a></li> 
<li><a href="#" title="Title 7"><img src="images/store_item_img.jpg" alt="Image 7" class="captify" /></a></li> 
<li><a href="#" title="Title 8"><img src="images/store_item_img.jpg" alt="Image 8" class="captify" /></a></li> 
</ul> 
</div> 
<div class="next"><img src="images/next.jpg" alt="next" /></div> 
</div> 

CSS :

.slider { 
background-color:#3399FF; 
float:left; 
margin:15px; 
position:relative; 
visibility:hidden; 
} 

.slider ul { 
height:180px; 
width:840px; 
} 

.slider ul li { 
padding:0 20px; 
} 

.slider ul li img { 
cursor:pointer; 
height:150px; 
padding-top:3px; 
width:180px; 
} 

.prev { 
cursor:pointer; 
float:left; 
padding-top:90px; 
} 

.next { 
cursor:pointer; 
float:right; 
padding-top:90px; 
} 

SCRIPT :

<script type="text/javascript" src="http://www.theratio.net/js/jquery.js"></script> 
<script type="text/javascript" src="js/jcarousellite_1.0.1.pack.js"></script> 
<script type="text/javascript" src="js/captify.tiny.js"></script> 

도와주세요.

:

UPDATE

: 나는

$("#store_container").hide(); 

을 제거 .. 그리고는 다음과 같이 할 경우

가 작동은하지만 사업부 먼저 대신 폐쇄의 열립니다.

<script type="text/javascript"> 
$(function(){ 
    $('#toggle').toggle(function(){ 
    $('#store_container').slideDown("slow", function() { $('#store_data').fadeIn(); }); 
    }, function() { 
    $('#store_data').fadeOut("fast", function() { $('#store_container').slideUp("slow"); }); 
    }); 
}); 
</script> 

.hide를 사용하여 #store_container를 닫을 수있는 방법은 무엇입니까? 또는 함수를 클릭 한 후 표시하는 방법이 있습니까?

Answer 1

jCarouselLite에 대해 아무것도 알지 못하지만 귀하의 스타일에서 .slider는 visibility:hidden;으로 설정되어 있으며 귀하의 코드에 표시되는 내용이 보이지 않습니다.

편집 :

이

잊지 마세요 :

$('document').ready(function(){ 
    // my jquery javascript code 
}) 

Answer 2

jQuery 및 jCarouselLite 스크립트를 제대로 포함 시켰습니까? 방화범이 스크립트를 보여 줍니까? 오류가 있습니까?

Answer 3

이 알아 낸거야? 이미지의 높이 및 너비 속성이 필요합니다.