Javascript图片幻灯片问题

我是web开发领域的新成员。Javascript图片幻灯片问题

我创建一个网页。在主页有一个JavaScript图片幻灯片请在这里检查：http://bluearrowsystems.com/index.php。现在滑块图像自动移动。但是，当我将鼠标放在图像上时，是否有任何方法来移动图像，这意味着鼠标悬停？

以下是我的HTML头部分javascript代码，我想，但不能肯定，在这部分是需要添加JavaScript代码。

<link rel="stylesheet" href="res/responsiveslides.css"> 
<link rel="stylesheet" href="res/example.css"> 
<script src="res/ga.js"></script> 
<script src="res/jquery.js"></script> 
<script>window.jQuery || document.write('<script src="http://viljamis.com/js/libs/jquery- 
1.8.2.min.js"><\/script>')</script> 
<script src="res/responsiveslides.js"></script> 
<script> 
$(function() { 

    // Slideshow 1 
    $(".rslides1").responsiveSlides({ 
    speed: 1000, 
    maxwidth: 1024,          
    auto:false, 



    }); 


     // Slideshow 2 
    $(".rslides2").responsiveSlides({ 
    auto: true, 
    pager: true, 
    speed: 500, 
    maxwidth: 540, 

    }); 

}); 
</script>

来源

2013-06-29 Alex Mojum

人回答我的问题PLZ –

您使用的插件没有触发外部回放的方法。你可以使用其他插件如flexslider。有了它，你会得到你需要像这样的功能：

$('.rslides1').flexslider().on('mouseover', function(){ 
    $(this).data('flexslider').next(); 
});

编辑：如果您想在暂停状态初始化flexslider并开始在鼠标悬停播放，使用下面的代码：

$('.rslides1').flexslider({slideshow: false}).on('mouseover', function(){ 
    $(this).data('flexslider').play(); 
});

来源

2013-06-29 13:10:09

你能举个例子吗？ –

究竟是什么？您只需用$（'。rslides1'）。flexslider（）初始化flexslider，然后绑定容器上的mouseover事件，以便每次将鼠标悬停在幻灯片容器上时触发下一张幻灯片。关于如何使用这个插件的例子可以在开发者页面上进行检查http://flexslider.woothemes.com/ –

我需要一个例子幻灯片它启动的时候鼠标移到 –

Javascript图片幻灯片问题

回答

相关问题