Question

我有这个样本：

＆＃13;

$(document).ready(function () {
            $('#barousel_prevnextnav').barousel({
            navType: 2
            });
        });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="barousel_prevnextnav" class="barousel">
                <div class="barousel_image">
                    <!-- image 1 -->
                    <img src="https://placeholdit.imgix.net/~text?txtsize=100&bg=cccccc&txtclr=ffffff&txt=1200%C3%97400&w=1200&h=400" alt="" class="default" />
                    <!-- image 2 -->
                    <img src="https://placeholdit.imgix.net/~text?txtsize=100&bg=cccccc&txtclr=ffffff&txt=1200%C3%97400&w=1200&h=400" alt="" />
                </div>
                <div class="barousel_content">
                    <!-- content 1 -->
                    <div class="default">
                        [any html content]
                    </div>
                    <!-- content 2 -->
                    <div>
                        [any html content]
                    </div>
                    <!-- content xx -->
                    <div>
                        [any html content]
                    </div>
                </div>
                <div class="barousel_nav">
                </div>
            </div>

＆＃13;

我找到了这个库

link

我试图实现这个库并使其工作，但遗憾的是无法正常工作。

我不明白问题是什么，我尊重所有写在文档中。你可以帮我解决这个问题吗？

提前致谢！

Answer 1

我建议您使用此滑块http://responsiveslides.com/

它在IE7上运行正常，重量很轻只有依赖是jQuery（支持1.6及以上），并且所有图像大小相同。

因此您可以使用1.6版本的较低版本的jquery

看看这是否适合你

适用于IE7的幻灯片

1 个答案: