function setNavi($c, $i) {
var title = $i.attr('alt');
$('#title').text(title);
var current = $c.triggerHandler('currentPosition');
$('#pagenumber span').text(current+1);
}
$(function() {
$('#carousel').carouFredSel({
debug: true,
responsive: true,
circular: false,
auto: true,
prev: '#prev',
next: '#next',
items: {
visible: 1,
width: 200,
height: '66%'
},
scroll: {
onBefore: function($oI, $nI) {
setNavi($(this), $nI);
}
},
onCreate: function($vI) {
setNavi($(this), $vI);
}
});
HTML :
<div id="carousel">
<span id="1"><img src="images/someimage.jpg" alt="sometitle" /></span>
<span id="2"><img src="images/someimage2.jpg" alt="sometitle2" /></span>
</div>
<div id="navi">
<p id="pagenumber">Now showing image <span></span> of 7.</p>
<p id="title"></p>
</div>
는 PAGENUMBER가 제대로 표시가 아니라한다 이미지 제목. 또한 'alt'대신 'title'을 사용하여 시도했지만 여전히 빈 제목이 표시됩니다.
음,'$ i'로 전달하는 것에 따라 ... –