Javascript.RU

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

autoplay slider
Всем доброго дня,

Понравился слайдер https://github.com/CSS-Tricks/MovingBoxes
хочу его прикрутить на сайт, и чтобы он автоматически менял картинки

$.fn.movingBoxes = function(options, callback, flag){
		var mb;
		return this.each(function(){
			mb = $(this).data('movingBoxes');
			// initialize the slider but prevent multiple initializations
			if ((typeof(options)).match('object|undefined')){
				if (mb && options instanceof $ && options.length) {
					// pass a jQuery object to change panels
					mb.change(options, callback, flag);
				} else if (mb) {
					mb.update(callback, flag);
				} else {
					(new $.movingBoxes(this, options));
				}
			} else if (mb) {
				// page #, autoplay, one time callback, if flag is false then no events triggered and animation time = 0
				mb.change(options, callback, flag);
			}
		});
	};


по умолчанию картинки только вручную переключаются

в конце скрипта есть вот такой комментарий
// page #, autoplay, one time callback, if flag is false then no events triggered and animation time = 0

и получается, что можно запустить автоматическое воспроизведение слайдер, но не понимаю, что и где нужно изменить. Помогите пожалуйста
Ответить с цитированием
  #2 (permalink)  
Старый 03.03.2016, 12:54
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

http://66.147.244.181/~webdeth4/post...s/MovingBoxes/
Ответить с цитированием
  #3 (permalink)  
Старый 03.03.2016, 13:12
Аспирант
Отправить личное сообщение для 1baddog1 Посмотреть профиль Найти все сообщения от 1baddog1
 
Регистрация: 25.06.2013
Сообщений: 37

Сообщение от destus Посмотреть сообщение
http://66.147.244.181/~webdeth4/post...s/MovingBoxes/
огромное спасибо! теперь всё получилось
Ответить с цитированием
  #4 (permalink)  
Старый 03.03.2016, 13:12
Аспирант
Отправить личное сообщение для 1baddog1 Посмотреть профиль Найти все сообщения от 1baddog1
 
Регистрация: 25.06.2013
Сообщений: 37

jquery.movingboxes.js file:
setInterval( function(){
if (base.curPanel == base.totalPanels)
{}
else
{$('.mb-right').click();}} ,6000 );

вставить после:

base.$el.find('.mb-right').click(function(){
base.goForward();
return false;
}).end().find('.mb-left').click(function(){
base.goBack();
return false;
});
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
user adaptive slider s24344 Элементы интерфейса 1 18.02.2016 12:21
user adaptive slider s24344 Элементы интерфейса 0 18.02.2016 12:14
custom adaptive slider s24344 Элементы интерфейса 0 18.02.2016 11:01
JQuery UI Slider cheponya jQuery 11 10.02.2016 09:23
jQuery UI Slider изменяет ширину ползунка SkaN2412 jQuery 1 26.11.2012 13:03