如何更改caroufredsel中所选选项的幻灯片

时间:2014-02-11 12:59:09

标签: javascript jquery slider caroufredsel

我有滑块代码,我使用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;
        }
    });

此功能可用于停止幻灯片,但我不知道在选择选项时如何显示幻灯片。

请帮忙。

谢谢。

0 个答案:

没有答案