1

我正在使用 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。

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

4

1 回答 1

1

以下是您修复它的方法：

在您的 CSS 中添加：

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

问题是，一旦您单击返回，轮播就会感到困惑，并看到一个空列表将高度设置为 0px，并且元素消失了。

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

            $(document).ready(function() {

至

$(window).ready(function() {

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

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

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

于 2012-06-14T23:19:41.573 回答