如何停止鼠标悬停的幻灯片?

时间:2012-07-10 20:29:49

标签: javascript jquery slideshow

我很抱歉发布了之前几次已经被问过的内容,但我无法在这些帖子中找到答案,非常感谢您的帮助!

在我们的页面上,我们有以下部分,其中LHS上看到的选项/标签自动旋转显示其在RHS上的内容(例如,在下图中,Direct TV选项卡在RHS上显示视频)

screenshot of what i have on my page

现在,当用户将鼠标悬停在面板的RHS上或在此情况下,在视频顶部时,我需要停止/暂停幻灯片放映。现在即使视频正在播放,标签(在LHS上)也会不断变化....这真的很烦人。这是我给出的关于幻灯片的脚本:http://jsfiddle.net/walahh/6RbYt/

此刻我正在努力解决其他问题,如果有人能帮助我解决这个问题,那么真的很感激。感谢您的时间和帮助!!

1 个答案:

答案 0 :(得分:0)

“小鼠”一词在JS小提琴代码中无处可见。如果你想要“onmouseover”发生一些事情,那么你需要将事件处理程序挂钩到该事件。

本质上:

$('#RHS').mouseEnter(pauseSlideshow())
         .mouseLeave(unpauseSlideshow());

除了你必须用你的实际ID /方法替换“#RHS”,“pauseSlideshow”和“unpauseSlideshow”。