Остановить автоматическое воспроизведение слайдера домашней страницы в Magento 1.9.1

Я использовал функции слайдера домашней страницы по умолчанию. ползунок запускается один за другим. Нужно остановить автоматический бегунок. Я проверил файлы js skin\frontend\rwd\default\js\lib\jquery.cycle2.min.js и skin\frontend\rwd\default\js\lib\jquery.cycle2.swipe.min.js, чтобы остановить переход. Но не в состоянии остановить переход.

Author: Fabian Schmengler, 2015-06-05
Source

2 answers

Перейдите к skin/frontend/rwd/default/js/slideshow.js и замените код следующим:

$j(document).ready(function () {

    // ==============================================
    // UI Pattern - Slideshow
    // ==============================================

    $j('.slideshow-container .slideshow')
        .cycle({
            slides: '> li',
            pager: '.slideshow-pager',
            pagerTemplate: '<span class="pager-box"></span>',
            speed: 6000,
            pauseOnHover: true,
            swipe: true,
            prev: '.slideshow-prev',
            next: '.slideshow-next',
            fx: 'scrollHorz'
        }).cycle('pause');
});

См. cycle('paus'), это указывает ползунку не прокручивать автоматически.

Надеюсь, это поможет.

 3
Author: Adarsh Khatri, 2015-06-05 12:11:35

Правильный способ - использовать поле тайм-аут. Отредактируйте файл, упомянутый @Aadarsh, который является skin/frontend/rwd/default/js/slideshow.js, или скопируйте этот файл в папку с обложкой и отредактируйте его, как показано ниже: 

$j('.slideshow-container .slideshow')
    .cycle({
        slides: '> li',
        pager: '.slideshow-pager',
        pagerTemplate: '<span class="pager-box"></span>',
        speed: 600,
        pauseOnHover: true,
        swipe: true,
        prev: '.slideshow-prev',
        next: '.slideshow-next',
        fx: 'scrollHorz',
        timeout: 0
    });

Спасибо

 1
Author: Altaf Hussain, 2016-02-09 08:00:36