3
나는 많은 사람들이 jcarousel을 사용하려고 시도한 것을 시도하고있다. 즉, 나는 그것을 깨끗하게하고 동적으로 채우고 싶다. 나는 빈 li 항목 (일반적인 불만 사항)의 DOM을 완전히 지우는 방법을 찾은 것 같지만 원격 파일에서 항목을 추가하는 것처럼 보이지 않습니다.jcarousel 문제
$(function() {
$('#mycarousel').jcarousel({
initCallback:carousel_callback
});
function carousel_callback(carousel){
$('#live-edge-large img').click(function(){
carousel.size(0); // sets size to 0
$('#mycarousel').empty(); // empties ul
carousel.reset(); //clears DOM of li's
$.get('ajax/xml-content.php',
{
first: carousel.first,
last: carousel.last
},
function(data) {
mycarousel_itemAddCallback(carousel,carousel.first,carousel.last,data);
},"xml"
);
});
};
function mycarousel_itemAddCallback(carousel,first,last,data) {
carousel.size(parseInt(jQuery('total', xml).text()));
$('image',xml).each(function(i) {
carousel.add(first+i, mycarousel_getItemHTML($(this).text()));
});
};
function mycarousel_getItemHTML(url)
{
return'<img src="' + url + '" width="128" height="95" alt="" />';
};
});
코드는이 라인까지 작업 :
carousel.size(parseInt(jQuery('total', xml).text()));
가 여기에 XML 내 PHP 파일입니다 : 여기에 내 코드입니다
<?php
header ("Content-Type:text/xml");
?>
<data>
<total>3</total>
<image>images/thumbs/test-9-thumb.jpg</image>
<image>images/thumbs/test-2-thumb.jpg</image>
<image>images/thumbs/test-3-thumb.jpg</image>
</data>
난을 설정할 수없는 이유를 확실하지 크기를 선택한 다음 회전식 메뉴에 항목을 추가하십시오. 그러면이 크기로 재설정 할 수 없습니까? 어떤 아이디어? 매우 감사합니다.