Я создал пользовательский cms для веб-сайта и попытался заставить ползунок nivo работать с моим db, но у меня возникли проблемы с моим циклом while. im, только сохраняя имя изображения в db, а сам образ в папке, изображения работают несколько, но они появляются над другим, что нарушает фактическое слайд-шоу.
Я предполагаю, что идентификатор названия нарушает его, но не уверен, как идти отсюда. любая помощь приветствуется
вот мой код:
<div id='slider' class='nivoSlider'> <?php $sql = 'SELECT * FROM slider'; $result = $db->query($sql) or die(mysqli_error()); while($row = $result->fetch_assoc()){ $slideshow = $row['slider_id']; print" <img src='images/slider/".$row['image'].".jpg' alt='' title='#htmlcaption'> </div> <div id='htmlcaption' class='nivo-html-caption '> <span>".$row['title'] . "</span> </div> "; } ?> <div id='preloader'></div> </div> while($row = $result->fetch_assoc()){ $slideshow = $row['slider_id']; print" <img src='images/slider/".$row['image'].".jpg' alt='' title'#htmlcaption'> </div> // ---------------> Here you are closing div slider <div id='htmlcaption' class='nivo-html-caption '>// ----> Error <span>".$row['title'] . "</span> </div> ";
}
В цикле while вы закрываете </div> не открывая его. Это приводит к нарушению слайд-шоу. Идентификатор синтаксиса HTML должен быть уникальным. Итак, <div id='htmlcaption' class='nivo-html-caption '> измените эту часть.
[Обновить] изменить печать на
print" <div class='some_wraper'> <img src='images/slider/".$row['image'].".jpg' alt='' title='#htmlcaption'> </div> // ---------------> Here now you are closing div some_wraper <div class='nivo-html-caption htmlcaption'>// ----> added new class htmlcaption <span>".$row['title'] . "</span> </div> ";
Обновление Фиксированный код
<div id='slider' class='nivoSlider'> <?php $sql = 'SELECT * FROM slider'; $result = $db->query($sql) or die(mysqli_error()); for($i = 0;$row = $result->fetch_assoc();$i++){ $slideshow = $row['slider_id']; echo "<img src='images/slider/".$row['image'].".jpg' alt='' title='htmlcaption_$i'>"; $tiles[$i]=$row['title']; } ?> </div> <?php //caption divs for slider for($i=0;$i<count($tiles);$i++) { echo "<div id='htmlcaption_$i' class='nivo-html-caption '>"; echo "<span>".$tiles[$i]."</span> </div>"; } ?> <div id='preloader'></div> </div>