我有滑块代码,我使用caroufredsel。我需要在选定的下拉菜单上更改幻灯片,并停止自动滑动。
这是滑块的代码。
<div class="carousel">
<div class="slider">
<img src="images/image1.jpg" class="slider-image-1"/>
<div class="slider-text">
<h3>Heading 1</h3>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
</div>
<div class="image-in-slide">
<img src="images/image-in-slide1.png"/>
</div>
</div>
<div class="slider">
<img src="images/image1.jpg" class="slider-image-2"/>
<div class="slider-text">
<h3>Heading 1</h3>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
</div>
<div class="image-in-slide">
<img src="images/image-in-slide2.png"/>
</div>
</div>
</div>
这就是我在jquery中得到的东西
$("#dropdown1").change(function() {
var select_value = $("option:selected", "#dropdown1").val();
switch (select_value) {
case "1":
$(".carousel").trigger("configuration", {auto: false} );
break;
case "2":
$(".carousel").trigger("configuration", {auto: false});
break;
case "3":
$(".carousel").trigger("configuration", {auto: false});
break;
case "4":
$(".carousel").trigger("configuration", {auto: false});
break;
case "5":
$(".carousel").trigger("configuration", {auto: false});
break;
case "6":
$(".carousel").trigger("configuration", {auto: false});
break;
}
});
此功能可用于停止幻灯片,但我不知道在选择选项时如何显示幻灯片。
请帮忙。
谢谢。