, 내가 얻을 수있는 방법 이미지 ALT는 내가 사용하고 외부 DIV 번호 캡션

Question

에 표시합니다. 현재 설정은 다음과 같습니다.

<script type="text/javascript"> 
function mycarousel_initCallback(carousel) { 

jQuery('#mycarousel-next').bind('click', function() { 
    carousel.next(); 
    return false; 
}); 

jQuery('#mycarousel-prev').bind('click', function() { 
    carousel.prev(); 
    return false; 
}); 
}; 

jQuery(document).ready(function() { 
jQuery("#mycarousel").jcarousel({ 
    scroll: 1, 
    visible: 1.1, 
    initCallback: mycarousel_initCallback, 
    buttonNextHTML: null, 
    buttonPrevHTML: null, 
    itemLoadCallback: trigger 
}); 
}); 
function trigger(carousel, state) 
{ 
$("#counter").html(carousel.first); 
} 
</script> 
<div id="clip"> 

<ul id="mycarousel"> 
    <li><img src="images/bda_1.jpg" alt="Alt Tag 1" width="638" height="358"/></li> 
    <li><img src="images/bda_2.jpg" alt="Alt Tag 2" width="638" height="358" /></li> 
    <li><img src="images/bda_3.jpg" alt="Alt Tag 3" width="638" height="358" /></li> 
    <li><img src="images/bda_1.jpg" width="638" height="358" /></li> 
</ul> 

</div> 
<a href="#" id="mycarousel-prev">&laquo; Prev</a> 
<a href="#" id="mycarousel-next">&laquo; NEXT</a> 

<div id="counter"></div> 

<div id="caption"></div> 

콜백을 사용할 수 있지만 js/jquery는 초보자에게 적합합니다. 단순히 alt 태그를 꺼내서 div # 캡션에 표시하고 싶습니다.

감사합니다.

(I 코드에 표시되지 않습니다)을 jcarousel 메인 루프에서

Answer 1

하면 좋겠 그래서이 :

$('#caption').html($('mycarousel').find('img').eq(COUNTER).attr('alt')) 

COUNTER의 값이 스크립트에서 찾을해야합니다 FOM이 제공됩니다. 이 함수에 대한 콜백이 있다면 거기에 넣을 수 있습니다.