как я могу остановить свой слайдер, чтобы продолжать прокрутку? Это что-то делать со смещением? Я не могу понять. Любая помощь очень ценится.
var $container = $(container);
var resizeFn = function () {
var small = $(window).width() < 800;
$container.toggleClass('four', small).toggleClass('six', !small);
}
var toggleButtons = function () {
}
var nextPane = function (e) {
e && e.preventDefault();
var $container = $(this).closest('.grid-container');
var $items = $('.items', $container);
var offset = $items.css('marginLeft').replace('px', '');
var width = $container.width() + parseInt($('.item', $container).css('marginRight').replace('px', ''));
$items.css('marginLeft', offset - width);
}
var prevPane = function (e) {
e && e.preventDefault();
var $container = $(this).closest('.grid-container');
var $items = $('.items', $container);
var offset = $items.css('marginLeft').replace('px', '');
var width = $container.width() + parseInt($('.item', $container).css('marginRight').replace('px', ''));
$items.css('marginLeft', offset + width);
}
resizeFn();
$(window).resize(resizeFn);
$('.next', $container).click(nextPane);
$('.prev', $container).click(prevPane);
использование
var width = $('.item').width() + parseInt($('.item', $container).css('marginRight').replace('px', ''));
вместо $container.width()
в обоих var nextPane = function (e) {
и var prevPane = function (e) {
и он отлично работает