jquery - CarouFredSel图片链接

我正在将CarouFredSel用于正在设计的网站，但是遇到了问题...一切正常，直到尝试将图像链接到url为止。

script看起来像：

$(function() {
    /* Homepage */
    $("#slide-image > div").carouFredSel({
        auto: false,
        items: {
            visible: 2
        },
        next: "#next",
        prev: "#prev",
        scroll: {
            easing: "quadratic",
            items: 1
        },
        width: "100%"
    });
});

code看起来像：

<div id="slide-image">
    <div>
        <a href="www.example.com"><img src="images/example.jpg"></a>
    </div>
</div>

任何帮助表示赞赏:)

谢谢，
乔希

最佳答案

我想到了！！

当我环顾四周时，我发现在CarouFredSel网站上有一些技巧和窍门（http://caroufredsel.dev7studios.com/support/tips-and-tricks.php），并且在页面中间，他们记录了“使用向左浮动的块元素” ...在他们使用的代码已链接...所以我只复制了一下，然后保存！

因此，现在我的HTML看起来像：

$(function() {
    /* Homepage */
    $("#slide-image").carouFredSel({
        auto: false,
        items: {
            visible: 2
        },
        next: "#next",
        prev: "#prev",
        scroll: {
            easing: "quadratic",
            items: 1
        },
        width: "100%"
    });
});

script看起来像：

<div class="slide-image">
    <div id="slide-image">
        <a href="www.example.com"><img src="images/example.jpg"></a>
    </div>
    <div class="clear">
        <!-- -->
    </div>
</div>

发生的主要变化是：


我给内部div一个ID，这也导致我的主要功能也发生了变化
我正在清除浮点数，这有点很难看，因为我没有发布css（尽管它与http://caroufredsel.dev7studios.com/support/tips-and-tricks.php中的示例相同）


除了代码与我最初发布的代码完全相同之外...很高兴这是一个简单的解决方法-希望这对某人有帮助！

谢谢，
乔希

关于jquery - CarouFredSel图片链接，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14761768/