2011-08-17 69 views
0

我使用顯示:http://sorgalla.com/projects/jcarousel/#Configuration,我怎麼能得到圖片的alt在外部DIV#標題

而且我在本地實現這個證明的功能之前,我將其加載到一個站點。我目前的設置是:

<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#標題

感謝您的幫助。

回答

0

在的jCarousel主循環(我沒有在你的代碼中看到的),你會這樣的:

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

當計數器的值來FOM你必須在腳本中找到。如果有這個功能的回調,你可以把它放在那裏。

+0

通過主循環,你是指我在哪裏設置mycarousel? –

+0

因此,我假設(從嘗試),我不能把這個到我的「功能觸發器」...並使用carousel.first來確定它的特定幻燈片,因爲它沒有工作...任何其他事情,你可以指向我? –