Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   autoplay slider (https://javascript.ru/forum/dom-window/61694-autoplay-slider.html)

1baddog1 03.03.2016 12:18

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

и получается, что можно запустить автоматическое воспроизведение слайдер, но не понимаю, что и где нужно изменить. Помогите пожалуйста

destus 03.03.2016 12:54

http://66.147.244.181/~webdeth4/post...s/MovingBoxes/

1baddog1 03.03.2016 13:12

Цитата:

Сообщение от destus (Сообщение 409799)

огромное спасибо! теперь всё получилось

1baddog1 03.03.2016 13:12

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;
});


Часовой пояс GMT +3, время: 12:49.