2011-08-13 21 views
3

私は多くの人がjcarouselを使って何をしようとしているのかを試しています。私はそれをクリアして動的に補充したいと思います。私は空のアイテム(一般的な苦情)のDOMを完全にクリアする方法を見つけたようですが、リモートファイルからアイテムを追加できないようです。ここに私のコードだ:jカルーセルの問題

$(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'に置き換えてください。

関連する問題