Авто скролинг jQuery UI Slider
Вложений: 1
Доброго времени суток, суть моей проблемы такова что нужно сделать авто прокрутку в готовом слайдере написаном на jQuery ui, промотка должна быть по горизонтали, циклическая. Сами данные берутся из базы. Подскажите код или пример или урок де я бы смог найти ответ на этот вопрос
Мой блок <div class="thumbs"> <div class="scroll-pane ui-widget ui-widget-header ui-corner-all"> <div class="thumb-scroll-move-left"><div class="arrow"></div></div> <div class="scroll-content"> <?php if ( !empty($lastObjects) ) { ?> <?php foreach ($lastObjects as $lastObject) { ?> <a href="/<?php echo $lastObject->getID(); ?>" style="color: transparent;"><?php switch ( $lastObject->getCurrency() ) { case 'USD': $currency='$';break; case 'EUR': $currency='€';break; case 'KZT': $currency='&U+20B8;';break; case 'CHZ': $currency='CZK';break; default: $currency='$'; } echo str_replace(array( '%sale-type%', '%price%', '%rooms%', '%type%', '%currency%', '%floor%', '%rent-period%', ), array( $lastObject->getSaleType(), $lastObject->getPrice(), $lastObject->getRooms(), $lastObject->getType(), $currency, $lastObject->getFloorSpace(), $lastObject->getRentPeriod() ? __('rent-period-' . $lastObject->getRentPeriod()) : '', ), __( $lastObject->getSaleType().'-'.$lastObject->getTypeName() ) ); ?></a> <?php } ?> <?php } ?> </div> <div class="thumb-scroll-move-right"><div class="arrow"></div></div> <div class="scroll-bar-wrap ui-widget-content ui-corner-bottom"><div class="scroll-bar"></div></div> </div> </div> Так же прикладываю сам фаил скрола |
Продемонстрирую на примере обычного слайдера.
Тут две отдельных операции. 1) формируешь HTML при помощи PHP 2) пишеш скрипт который подключает слайдер к html Действие 1 формируешь HTML при помощи PHP допустим для этого слайдшоу http://ruseller.com/lessons.php?rub=32&id=400 нужно сформировать html вида <div id="s1"> <img src="img/beach1.jpg" /> <img src="img/beach2.jpg" /> <img src="img/beach3.jpg" /> </div> пишем <div id="s1"> <? $images=Array("beach1.jpg","beach2.jpg","beach3.jpg" ); ?> <?php foreach ($images as $i) { ?> <img src="<?=$i ?>" /> <?}?> </div> Действие2 подключаем небольшой JS скриптик содержащий $(document).ready(function() { $('#s1').cycle('scrollDown'); }); ENJOY! з.ы. Мне очень ненравится что ты готовишь данные прямо в шаблоне. Либо подготовь массив заранее, ещё до шаблона. Либо вынеси подготовку данных в хелпер. |
Часовой пояс GMT +3, время: 10:06. |