Вывод изображений в слайдер

234
19 декабря 2016, 19:41

Для пробы создал на denwer мини сайт для пробы , вывел статьи из базы и так же создал слайдер на owl-carousel.
Циклом выводил url адреса изображений и через include подключил slider.php к index.php. Но изображения не выводятся, а выводится лишь самое первое. Сам эффект в слайдере работает; вся функциональность есть но, не выводятся все(!) изображения.

Прикладываю код :

$connection = mysql_connect( "localhost" , "maxim" , "123");
$db = mysql_select_db("test_db");
mysql_set_charset("utf8");
if(!$connection || !$db)
{
    exit(mysql_error());
}
$result = mysql_query(" SELECT * FROM slider");
mysql_close();
while ($row = mysql_fetch_array($result))
{?>
<div id="owl-demo" class="owl-carousel">
    <div class="item"> 
       <img src="<?php echo $row['link']?>"/>
    </div>
</div> 
<?}?>

`

https://cloud.mail.ru/public/6Kd6/vV8UNULrt ссылка на копию db и самого сайта !
Как решить данную проблему ?

Answer 1

Вам надо вывести контейнер карусели вне цикла.

<div id="owl-demo" class="owl-carousel">
<? while ($row = mysql_fetch_array($result))
{?>
    <div class="item"> 
       <img src="<?php echo $row['link']?>"/>
    </div>
<?}?>
</div> 

Иначе получается, что у Вас столько же каруселей, сколько картинок. А поскольку они все имеют одинаковый id - кажется, что это одна карусель.

READ ALSO
Mysql DATE_SUB(NOW(), INTERVAL 1 DAY) , Как это работает?

Mysql DATE_SUB(NOW(), INTERVAL 1 DAY) , Как это работает?

Пытаюсь в базу занести дату с интервалом в 1 день,использую следующий запрос

334
dbSimple placeholder-ы

dbSimple placeholder-ы

Есть функция

235
Вывод второго меню на wordpress

Вывод второго меню на wordpress

Как вывести два меню в wordpress? Я прописал следующие строчки в файле function

290
SpamAssassin TVD_SPACE_RATIO_MINFP

SpamAssassin TVD_SPACE_RATIO_MINFP

При проверке письма в SpamAssassin выдает:

1045