Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Авто скролинг jQuery UI Slider (https://javascript.ru/forum/jquery/34539-avto-skroling-jquery-ui-slider.html)

kulgar 09.01.2013 12:42

Авто скролинг 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='&euro;';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>

Так же прикладываю сам фаил скрола

DjDiablo 09.01.2013 13:50

Продемонстрирую на примере обычного слайдера.

Тут две отдельных операции.

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.