5

マウスオーバーで自動スライドショーを開始/再開し、マウスアウトで一時停止するようにflexsliderを設定したいと思います。正常な動作とは正反対です。:D

だから私はこの問題を抱えています： TypeError: 'undefined' is not a function (evaluating 'slider.resume()') で、インターネットで検索しても結果が得られませんでした。

私のスクリプトは次のとおりです。

    $( document ).ready(function() {
    var $slider = $('.flexslider');

    $slider.flexslider({
    controlNav: false,
    directionNav: false, 
    slideshow: true,
    slideshowSpeed: 500,
    animationSpeed: 300,
    /*randomize: true,*/
    controlsContainer: ".flex-container",
    start: function(slider) {
        slider.pause();
        slider.mouseover(function() {
        slider.resume();
    });
  },
});

});

正しい方向へのポインタは役に立ちます。

ルカ

*更新...機能する解決策を見つけました...誰かが知りたい場合はこれです：

start: function(slider) {
        slider.pause();
        slider.manualPause = true;
        $slider.mouseover(function() {
            slider.manualPause = false;
            slider.play();
        });
        $slider.mouseout(function() {
            slider.manualPause = true;
            slider.pause();
        });
  }

ルカ

4

3 に答える 3

5

私はうまくいく解決策を見つけました：

start: function(slider) {
        slider.pause();
        slider.manualPause = true;
        slider.mouseover(function() {
            slider.manualPause = false;
            slider.play();
        });
        slider.mouseout(function() {
            slider.manualPause = true;
            slider.pause();
        });
  }
于 2013-11-06T12:48:08.730 に答える