25.06.2014, 09:19
|
Интересующийся
|
|
Регистрация: 07.10.2013
Сообщений: 23
|
|
Слайдер на JQuery UI
Привет ребята, есть в шапке сайта слайдер на JQuery UI
$(function(){
$('.slider3').mobilyslider({
transition: 'fade',
animationSpeed: 2000,
autoplay: true,
autoplaySpeed: 7000,
bullets: false,
arrowsHide: true
});
});
как сделать, чтобы при переходе на другие страницы сайта, он не начинал листать изображения заново с первого, а продолжал дальше листать?
|
|
25.06.2014, 10:10
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,133
|
|
Сообщение от Серега187
|
слайдер на JQuery UI
|
Сообщение от Серега187
|
mobilyslider
|
это разные слайдеры
|
|
25.06.2014, 10:38
|
|
Профессор
|
|
Регистрация: 23.06.2011
Сообщений: 1,165
|
|
Вот все доступные опции слайдера:
$('.slider').mobilyslider({
content: '.sliderContent', // селектор для слайдера
children: 'div', // селектор для дочерних элементов
transition: 'horizontal', // переходы: horizontal, vertical, fade
animationSpeed: 300, // скорость перехода в миллисекундах
autoplay: false,
autoplaySpeed: 3000, // время между переходами (миллисекунды)
pauseOnHover: false, // останавливать навигацию при наведении на слайдер: false, true
bullets: true, // генерировать навигацию (true/false, class: sliderBullets)
arrows: true, // генерировать стрелки вперед и назад (true/false, class: sliderArrows)
arrowsHide: true, // показывать стрелки только при наведении
prev: 'prev', // название класса для кнопки назад
next: 'next', // название класса для кнопки вперед
animationStart: function(){}, // вызывать функцию при старте перехода
animationComplete: function(){} // вызывать функцию когда переход завершен
});
Запоминать последний слайд можно в animationComplete(), например, в кукис или localstorage, но опции, которая запускала бы слайдер с определенного слайда нет, Вам придется ее дописывать.
|
|
25.06.2014, 14:05
|
Интересующийся
|
|
Регистрация: 07.10.2013
Сообщений: 23
|
|
ВЕТЕРАН или может еще кто, не могли ли Вы помочь доделать код, чтобы слайдер продолжал листаться при переходе на новую страницу, а не начинал листаться заново. Как я понял это делается с помощью кук. Облазил интернет, но для слайдера что-то ничего не нашел (насчет кук), нашел только для аккордиона. А там логика другая. Помогите если не трудно.
<div class="slider slider3">
<div class="sliderContent">
<div class="item">
<img src="slide_img/img1.jpg" alt="" />
</div>
<div class="item">
<img src="slide_img/img2.jpg" alt="" />
</div>
<div class="item">
<img src="slide_img/img3.jpg" alt="" />
</div>
<div class="item">
<img src="slide_img/img4.jpg" alt="" />
</div>
</div>
</div>
Куки скачал, подключил
<script src="js/jquery.cookie.js" type="text/javascript"></script>
А то я в JS не шарю, PHP сейчас изучаю, а тут на сайте как-то не красиво получается, при такой работе слайдера.
|
|
25.06.2014, 14:25
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,133
|
|
Серега187,
может в раздел работа?
|
|
25.06.2014, 14:32
|
Интересующийся
|
|
Регистрация: 07.10.2013
Сообщений: 23
|
|
рони,
я не думаю что здесь будет большой и трудный код. Но сколько, к примеру, будет стоит?
|
|
25.06.2014, 14:51
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,133
|
|
Серега187,
1500 рублей
|
|
25.06.2014, 14:53
|
Интересующийся
|
|
Регистрация: 07.10.2013
Сообщений: 23
|
|
рони,
с дубу рухнул, тут кода, наверное, на чуть более 5 строк.
|
|
25.06.2014, 15:06
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,133
|
|
Серега187,
поищите другой слайдер, думаю этот будет мало желающих переделать
|
|
25.06.2014, 15:49
|
Кандидат Javascript-наук
|
|
Регистрация: 24.11.2013
Сообщений: 127
|
|
http://learn.javascript.ru/play/0HH7Eb
41 - js
Не 5 строк;
А прикруткой к "крутому" Jquery слайдеру занимайтесь сами
Последний раз редактировалось Brutus, 25.06.2014 в 15:58.
|
|
|
|