帶動態內容的旋轉木馬

Question

我在這裏遇到了來自Twitter bootstrap的旋轉木馬。 http://twitter.github.com/bootstrap/javascript.html#carousel

它看起來非常好。但示例中的所有圖像/內容都是硬編碼的。如何向服務器請求新內容並將其顯示在傳送帶上？

Answer 1

答案將不得不調整爲每一種語言，但假設你在PHP編程，它可能是這個樣子：

如果你有像陣列：

$images = ['path/to/image.jpg', 'path/to/image2.jpg', 'path/to/image3.jpg'] 

然後你會遍歷這些圖像，並將每個圖像放在適當的HTML標記中，如下所示：

<?php foreach ($images as $image) { ?> 
    <div class="item"> 
    <img src="<?php echo $image ?>" /> 
    </div> 
<?php } ?>