3

我正在将 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>

任何帮助表示赞赏:)

谢谢，
乔什

4

1 回答 1

3

我想到了！！

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

所以，现在我的script样子：

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

code看起来像：

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

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

谢谢，
乔什

于 2013-02-08T15:03:14.667 回答