卡罗弗雷德塞尔消失

Question

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

<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。

但是，如果您尝试单击上一个按钮，则轮播会消失。如果我已经按下下一个按钮，它会很好，但是当我直接按下前一个按钮时，就会发生这种情况。我期待它向我展示最后一张图片。有什么想法吗？

Answer 1

以下是您解决问题的方法：

在你的 CSS 中添加：

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

问题是，一旦您单击返回，轮播就会变得混乱，并看到一个空列表将高度设置为 0px，然后元素就会消失。

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

            $(document).ready(function() {

到

$(window).ready(function() {

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

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

顺便说一句：您的脚本在 dict 中有尾随逗号，请将其删除，以便在 IE 上运行 :)