Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.01.2013, 12:42
Интересующийся
Отправить личное сообщение для kulgar Посмотреть профиль Найти все сообщения от kulgar
 
Регистрация: 09.01.2013
Сообщений: 19

Авто скролинг jQuery UI Slider
Доброго времени суток, суть моей проблемы такова что нужно сделать авто прокрутку в готовом слайдере написаном на 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>

Так же прикладываю сам фаил скрола
Вложения:
Тип файла: zip scrollPane.zip (1.3 Кб, 4 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 09.01.2013, 13:50
Профессор
Отправить личное сообщение для DjDiablo Посмотреть профиль Найти все сообщения от DjDiablo
 
Регистрация: 04.02.2011
Сообщений: 1,815

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

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

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!

з.ы.
Мне очень ненравится что ты готовишь данные прямо в шаблоне. Либо подготовь массив заранее, ещё до шаблона. Либо вынеси подготовку данных в хелпер.
__________________
Лучше калымить в гандурасе чем гандурасить на колыме

Последний раз редактировалось DjDiablo, 09.01.2013 в 13:59.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ограничение диапазона jquery ui slider ZETN1S jQuery 3 22.03.2013 08:59
jQuery UI Slider изменяет ширину ползунка SkaN2412 jQuery 1 26.11.2012 13:03
Неправильно работает jQuery Slider maximale jQuery 2 05.08.2012 21:36
jQuery range slider Turner jQuery 0 15.03.2011 11:51