ich hab mal eine, vielleicht nicht ganz Redaxo-spezifische Frage.
Ich will in eine von Redaxo angetriebene Website, die auf Twitters Bootstrap basiert, ein Carousel einbauen.
Dazu habe ich den folgenden Code ins Template geschrieben. Ich weiß, dass ich im "Module" Forum poste, aber diesen Code hätte ich ja auch als Modul anlegen können.
Code: Alles auswählen
<div id="deltaSlider" class="carousel slide" data-ride="carousel" data-wrap="true" data-intervall="900">
<ol class="carousel-indicators">
<?php
for($i=0;$i<count($mediafiles);$i++)
{
$i==0?$first_item='class="active"':$first_item='';
echo '<li data-target="#deltaSlider" data-slide-to="'.$i.'" '.$first_item.'></li>';
}
?>
</ol>
<div class="carousel-inner">
<?php
for($i=0;$i<count($mediafiles);$i++)
{
$media=$mediafiles[$i];
$slide_no=$i+1;
$i==0?$first_item='active':$first_item='';
echo '<div class="item '.$first_item.'">';
echo '<img src="/files/'.$media->getFilename().'" alt="Slide'.$slide_no.'">';
echo '<div class="container"><div class="carousel-caption">';
echo '<h1>'.$media->getTitle().'</h1>';
echo '<p>'.$media->getDescription().'</p>';
$url=$media->getValue('med_img_link');
if ($url != '')
{
echo '<p><a class="btn btn-lg btn-primary" href="'.$url.'" role="button" target="_blank">Mehr erfahren</a></p>';
}
echo '</div></div></div>'."\n";
}
echo '<a class="left carousel-control" href="#deltaSlider" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>';
echo '<a class="right carousel-control" href="#deltaSlider" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>';
?>
</div><!-- /.carousel -->';
Das Problem ist, dass die Bilder der Reihe nach angezeigt werden. Dann kommt nach dem letzten Bild eine leere Fläche und das wars
Hat jemand eine Idee, wie ich dem Ding beibringe, dass es nach dem Letzten wieder aufs erste soll?