jquery - CarouFredSel 图像链接

Question

我正在使用 CarouFredSel 来设计一个网站，但是我遇到了一个问题...一切都按预期工作，直到我尝试将图像链接到网址。

脚本看起来像:

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

代码如下所示:

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

感谢任何帮助:)

谢谢，
乔什

Answer 1

我明白了!!

当我环顾四周时，我发现 CarouFredSel 网站上他们有一些提示和技巧( http://caroufredsel.dev7studios.com/support/tips-and-tricks.php )，并且在页面中间他们记录了“使用向左浮动的 block 元素”...就在其下方他们使用的 HTML 代码是链接的......所以我只是复制了它，然后!

所以，现在我的脚本看起来像:

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

代码如下所示:

<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，这导致我的 main 函数也发生了变化
• 我正在清除 float ，这有点难以看到，因为我没有发布我的 CSS(尽管它与 http://caroufredsel.dev7studios.com/support/tips-and-tricks.php 中的示例相同)

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

谢谢，
乔什