Jquery ResponsiveSlides.js自定义鼠标悬停控件和其他功能
我正在尝试使用一些自定义功能设置ResponsiveSlides.js。我需要能够使用滑块与手动控制,工作在鼠标上方,而不是点击,但去特定的url链接点击。我将在幻灯片中有四张幻灯片,需要能够使用四个按钮导航它们。以下是我想要实现的目标:Jquery ResponsiveSlides.js自定义鼠标悬停控件和其他功能,jquery,responsive-slides,Jquery,Responsive Slides,我正在尝试使用一些自定义功能设置ResponsiveSlides.js。我需要能够使用滑块与手动控制,工作在鼠标上方,而不是点击,但去特定的url链接点击。我将在幻灯片中有四张幻灯片,需要能够使用四个按钮导航它们。以下是我想要实现的目标: 让我的四个按钮在鼠标上方工作,而不是单击。我正在使用“manualControls:”.custom pagers“,”来实现自定义导航。我想知道是否有一种方法可以在鼠标上方导航到我的特定幻灯片,但在单击时将其转到href=“”url 使用另一个单独的按钮(.
href=“”
url.buy tag a
),将滑块暂停在鼠标上方,但单击时转到href=“”
URL$(function () {
// Slideshow 1
$("#slider1").responsiveSlides({
speed: 800,
manualControls: ".custom-pagers",
});
});
以及HTML:
<!-- SUPER SLIDER -->
<div class="rslides_container">
<div id="main-featured" class="twelve columns">
<ul class="rslides" id="slider1">
<li><div id="img-featured" class="five columns"><a href="http://www.domain.com/"><img src="http://www.domain.com/images/image1.png" alt=""></a></div>
</li>
<li><div id="img-featured" class="five columns"><a href="http://www.domain.com/"><img src="http://www.domain.com/images/image2.png" alt=""></a></div>
</li>
<li><div id="img-featured" class="five columns"><a href="http://www.domain.com/"><img src="http://www.domain.com/images/image3.png" alt=""></a></div>
</li>
</ul>
</div>
</div><!-- /SUPER SLIDER -->
<div class="full-row green-mid">
<div class="row">
<div id="types-tag" class="four columns">
<h3>What type are <strong>YOU</strong>?</h3>
</div>
</div>
<div class="row">
<div class="eight columns">
<ul class="custom-pagers">
<li><div class="straight-tag"><a href="http://www.domain.com/link1"><span>1</span> Straight</a></div></li><li><div class="curly-tag"><a href="http://www.domain.com/link2"><span>3</span> Curly-Kinky</a></div></li>
<li><div class="wavy-tag"><a href="http://www.domain.com/link3"><span>2</span> Wavy-Curly</a></div></li><li><div class="kinky-tag"><a href="http://www.domain.com/link4"><span>4</span> Kinky-Coily</a></div></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div class="buy-tag"><a href="http://www.domain.com/buy"><span><strong>Buy</strong> Now</span></a></div>
你是什么类型的人?
有人能帮我或给我指一下正确的方向吗?提前谢谢