2011-08-13 4 views
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> 

난을 설정할 수없는 이유를 확실하지 크기를 선택한 다음 회전식 메뉴에 항목을 추가하십시오. 그러면이 크기로 재설정 할 수 없습니까? 어떤 아이디어? 매우 감사합니다.

답변

0

함수 mycarousel_itemAddCallback에서 'xml'을 'data'로 바꾸면 작동합니다.

관련 문제