Карусель с динамическим контентом

Я наткнулся на карусель из Twitter bootstrap здесь. http://twitter.github.com/bootstrap/javascript.html#carousel

Это выглядит очень хорошо. Но все изображения/контент в примере жестко закодированы. Как я могу запросить у сервера новый контент и показать его в карусели?


person Siddharth    schedule 19.04.2012    source источник


Ответы (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 } ?>
person joshferrara    schedule 25.04.2012
comment
@Hendrik Я жестко закодировал массив $images просто для того, чтобы показать, что он содержит. На практике этот массив будет сгенерирован из вашей базы данных, что сделает его динамическим. - person joshferrara; 11.01.2013
comment
См. этот пример для ajax на слайде stackoverflow.com/questions/14961719/< /а> - person ehsteve; 27.12.2014