4

嗨,我是使用 jquery reel 的新手。我想了解当您将鼠标悬停在 jquery reel http://test.vostrel.cz/jquery.reel/docs/jquery.reel.html上时如何停止和播放。我看到有一个停止、启动和暂停事件,但我不确定如何在悬停时激活它。

谢谢!

<img id="image360" src='1.jpg' width="610" height="480" />

<script>
$(function(){ 

//pause on hover (This does not work although hover is registered)
        $('#image360').hover(function() {

        ('#image360').pause();
},

function() {
        ('#image360').play();
});

//360 settings

        $('#image360').reel({
        indicator:   5,
        cw:          true,
        frame:       36,
        speed:       -0.3,
        velocity:    2,
        brake:       .2,
        images:      'cmopen/#.jpg' 
        });

        });
</script>
4

2 回答 2

1

我遇到了完全相同的问题,并用两个 JS 函数解决了它:

function reel_pause() {
    $('#your_reel_id').trigger("stop"); //stoppe le défilement automatique.
}
function reel_play() {
    if ($('#your_reel_id').data("backwards")) { //teste le sens de défilement.
        $('#your_reel_id').trigger('play'); //relance le défilement à la même frame où on l'a arrêté. Attention, il relance dans son sens naturel (droite à gauche).
        $('#your_reel_id').data("backwards", true) //inverse le sens de défilement
    } else {
        $('#your_reel_id').trigger('play'); //si le sens où l'on a arrêté le défilement est le sens naturel, on n'a pas besoin d'inverser comme au dessus.
    }
}

这仅在您不希望卷轴循环时才重要: 如果您不会说法语,则“if”语句用于在卷轴播放时检查方向。

$('#your_reel_id').data("backwards")
$('#your_reel_id').data("backwards", true)

第一个返回真或假。False-> 从右到左播放。第二个改变自然方向 -> 从左到右。我这样做是因为当您播放卷轴时,它会按自然方向播放。即使你在它以另一种方式播放时停止它。

html 看起来像这样:

<div id="container" onmouseover="reel_pause()" onmouseout="reel_play()">
    <img src="../Images/image.jpg" id="your_reel_id" width="900" height="500" />
</div>

我将它包裹在一个 div 中,因为我使用卷轴内的链接。如果您将鼠标悬停在一个链接上,就好像您将鼠标悬停在卷轴上并重新开始播放。希望能帮助到你!

我绝不是 JS 专家,所以如果有人有更好的方法,请发布!

于 2013-06-11T11:52:32.153 回答
0

你必须使用方法:pause()、play()。

$(<your_element>).hover(function() {
    <your_reel>.pause();
},function() {
    <your_reel>.play();
});
于 2012-12-17T10:04:22.113 回答