carouFredSel消失了

Question

我正在使用carouFredSel ( http://caroufredsel.frebsite.nl/ )创建一个图像carousel，它已经启动并正常工作-我的代码如下所示：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.carouFredSel-5.6.1.js"></script>

<script type="text/javascript">
        $(document).ready(function() {
            $(".carousel").carouFredSel ({
                align: "center",
                auto: false,
                circular: true,
                infinite: true,
                next: ".next",
                prev: ".prev",
                scroll: 1,
                width: 1072,
            });
        });
    </script>

我只有一个小问题--希望如此。我工作的网站是http://ellenandjosh.com/，你可以在首页看到carouFredSel。

但是，如果您尝试并单击“上一步”按钮，传送带将消失。如果我已经点击了next按钮，它就会工作得很好，但当我直接在门外点击previous按钮时，就会发生这种情况。我原以为它会给我看最后一张照片。有什么想法吗？

Answer 1

下面是如何修复它的方法：

在你的CSS中添加：

.carousel-thumbnail {height: 222px !important}

问题是，一旦单击back，carousel就会变得混乱，看到一个空的列表将height设置为0px，元素就会消失。

对于您的脚本，似乎存在大小问题，因此请更改

            $(document).ready(function() {

至

$(window).ready(function() {

根据这里的提示：http://caroufredsel.frebsite.nl/support/tips-and-tricks.php

它应该可以工作，但我只能使用firebug进行测试。

顺便说一句:你的脚本在字典中有尾随的逗号，删除它，这样它就可以在IE上工作:)