このコードを使用してカルーセル アイテムの単一画像を作成します
$.getJSON('index.php?callback=?','&option=com_jea&task=properties.test&format=json',function(res){
var carousel = $('<div/>',{ 'class': 'carousel-inner'})
{
$.each(res, function(i, data) {
var item = $('<div/>',{ 'class': 'item'})
$('<div class="span2">'+res[i].My Image+'</div>').appendTo(item );
item.appendTo(carousel);
})
carousel.appendTo('#myCarousel');}})
html
<div id="myCarousel" class="carousel slide"> <div class="carousel-inner">
<div class="item">my image</div>
<div class="item">my image</div></div>
次のように、アイテム内にデフォルトの画像数を入力したいと思います。
<div id="myCarousel" class="carousel slide"> <div class="carousel-inner">
<div class="item"><ul><li>my image</li><li>my image</li></ul></div>
<div class="item"><ul><li>my image</li><li>my image</li></ul></div>
<div class="item"><ul><li>my image</li><li>my image</li></ul></div></div></div>