PHP Lang
  1. PHP Lang
  3. как сделать слайдер изображения во время цикла
Intereting Posts
Конфигурация сущности Symfony 2 + Doctrine 2 Профилирование PHP-кода Как реализовать веб-скребок в PHP? Печатать имя переменной $ _POST вместе со значением MongoDB в PHP с использованием агрегата в группу с помощью _id null не работает Может ли эта функция водяного знака улучшаться (PHP) Как установить несколько версий XAMPP или несколько версий PHP на MAC OS X 10.7 Lion Как выбрать слова начинаются с числа в Laravel красноречивой ORM? PDO получить данные из базы данных php сортировка массива по предопределенному порядку PHP Сохранить выбранные параметры из нескольких выпадающих списков в массив Twitter Search API нет результатов Codeigniter не работает правильно Laravel – свойство не существует в экземпляре коллекции PHP заменить строку

как сделать слайдер изображения во время цикла

У меня есть сайт, получающий изображения из базы данных. База данных содержит несколько записей (ROWS). Я использую цикл while для извлечения записей. Каждая запись имеет три или четыре изображения. Я хочу использовать горизонтальный слайдер изображения в цикле while для извлечения всех записей. Я искал в сети. есть много слайдера. Но ничего не было в цикле. если я поместил их в цикл, он не работал. пожалуйста, помогите мне.

пример слайдера: http://wowslider.com/automatic-jquery-slider-noir-squares-demo.html?affid=331J-S9

например: 

<?php While($row=mysql_fetch_array($result)){ **I need horizontal slider here**; } ?>

Я (очевидно) не напишу вам вам весь виджет, но я ворчу, чтобы дать вам все, что вам нужно:

Во-первых, вам нужен PHP. Я предлагаю вам изучить PDO. Он очень прост в использовании и довольно безопасен:

Пример: 

  <?php try { $dbh = new PDO('mysql:host=localhost;dbname=test', $user, $pass); foreach($dbh->query('SELECT * from FOO') as $row) { print_r($row); } $dbh = null; } catch (PDOException $e) { print "Error!: " . $e->getMessage() . "<br/>"; die(); } ?>

Документация PDO

Затем используйте HTML и CSS для создания стиля.

Затем вы используете PHP для генерации HTML.

Затем вы будете использовать javascript setInterval

Пример для setInterval 

 setInterval(function() { // Do something every 5 seconds }, 5000);

Если вам нужен другой идентификатор для каждого, самым простым способом было бы это сделать: 

  $counter = 0; foreach($foo as $bar){ echo '<div id="slider'.$counter.'"></div>'; //somecode $counter++; }

Tho, я не рекомендую использовать это, вы должны просто дать один класс каждому из них и одновременно инициировать их все в jQuery, используя селектор после 

  $('.slider').myPlugin({ //Plugins options })

по моему пониманию, похоже, вы ищете такое решение. Использование js "jquery.bxslider.js" , требуется css "jquery.bxslider.css" 

 //assuming this is your database retrieval $slideImage[] = "clody.jpg"; $slideImage[] = "heaven.jpg"; $slideImage[] = "park.jpg"; $slideImage[] = "pool.jpg"; $slideImage[] = "provence.jpg"; $slideStr = ""; //utlize while loop if required foreach($slideImage as $indKey=>$indSlideImg) { $slideStr .= '<div class="slide"><img src="http://wowslider.com/sliders/demo-5/data/tooltips/'.$indSlideImg.'" /></div>'; }

здесь в вышеприведенном цикле мы создали скользящую строку, которую мы собираемся использовать в нашем слайдере. 

 <div class="bx-wrapper"> <div class="bx-viewport"> <div class="slider1"> <?php echo $slideStr; ?> </div> </div> </div>

здесь идет javascript 

 $(document).ready(function(){ $('.slider1').bxSlider({ slideWidth: 200, minSlides: 2, maxSlides: 3, slideMargin: 10 }); });

надеюсь, что это полезно.