使用jQuery自定义滑块

Question

我在jQuery中重现了下一个滑块。我不能改变选择器的设计，所以我正在寻找一种方法来重现它。这个想法是一个自动播放的幻灯片，如果你点击选择器的图像，你可以改变页面，自动播放停止。

对于非JavaScript浏览器和更好的索引（蓝色区域是图像），代码的想法也有文本的后备。我的实际代码是：

<div id="index-slider">
    <div class="slides_container">

        <div class="index-slider-case">

            <div class="index-slider-fallback">
                <h1>Lorem ipsum</h1>
                <p>Proin at nibh ac diam eleifend mattis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In hac habitasse platea dictumst.</p>
                <a href="/lorem-ipsum">Lorem ipsum</a>
            </div>

            <div class="index-slider-content">
                <a href="/lorem-ipsum">
                    <img src="lorem-ipsum.jpg" />
                </a>
            </div>

        </div>

    </div>
</div>

使用jQuery：

$(function(){

    $(".index-slider-fallback").remove(); // Remove the div's we don't need
    $(".index-slider-content").removeClass("hidden"); // Activate the image div's

});

我没有找到一个插件来重现类似的东西所以我在想我是否必须做一些自定义的东西或者无论如何都要修改一个插件。任何人都可以帮助我吗？

提前谢谢！