调用一个类来在鼠标进入时停止/暂停幻灯片播放
Call a class to stop/pause slideshow on mouseenter
我正在给这个Mootools幻灯片添加一些新代码。
我添加了缩略图和鼠标悬停功能,可以滚动缩略图。
现在我需要让计时器在幻灯片停止/暂停时,mouseenter
。我试着用下面的代码,但得到了一个Uncaught TypeError: Object #<HTMLDivElement> has no method '_stopClock'
。
spinAreaDiv.addEvent('mouseenter', function(){
this._stopClock();
})
如何调用_stopClock
类
var Spin = new Class({
...
...
_stopClock:function(){
if(!this.options.timer) {
return false;
} else {
this.timerRunning = false;
clearInterval(this.clock);
this.timer.pause.addClass('active');
}
},
...
这是一个绑定问题。当dom事件的事件回调触发时,这将是元素。
element.addEvent('something', function(){
this === element; // true;
});
// save a reference
var self = this;
element.addEvent('something', function(){
this === element; // true;
self._stockClock(); // works.
});
// or. use Function.prototype.bind
element.addEvent('something', function(){
this !== element; // true;
this._stopClock(); // works.
}.bind(this));
// or even...
this.element.addEvent('something', this._stopClock.bind(this)); // works.
相关文章:
- 我可以使此幻灯片图像自动播放吗?
- 使用jQuery无限循环播放HTML页面幻灯片
- 需要帮助自定义幻灯片自动播放
- 吸引人 - html5 导出添加了带有播放按钮的第一张幻灯片
- 我怎么能自动使用JavaScript函数来自动播放幻灯片呢
- 当我们使用JavaScript点击下一个或上一个按钮时,图像幻灯片播放计时器的速度会加快
- 在同一页面上播放多个幻灯片
- 如何在视图中自动播放幻灯片
- 整页.js - 在背景视频循环播放时向右移动幻灯片
- 在仅幻灯片 JavaScript 上添加播放/暂停按钮
- jquery超大需要在播放幻灯片后重新加载页面
- Javascript幻灯片与播放暂停和下一个上一个按钮
- 整页.js自动播放幻灯片
- 专门用于文本的幻灯片/不断播放/但带有“后退”,“停止”和“前进”按钮的图像文件
- 添加自动播放 jquery 幻灯片
- JQuery 幻灯片错误.图片在页面上列出,而不是随机播放.找不到错误
- Javascript自动播放幻灯片
- 如何添加/删除'prev'和'接下来'类在Bootstrap中循环播放幻灯片
- 单击时水平播放幻灯片动画
- Jquery暂停/播放幻灯片