CarouFredSel图像链接

Question

我使用CarouFredSel为我正在设计的网站，然而，我遇到了一个problem...everything工程如预期，直到我尝试并链接到一个网址的图像。

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>

如有任何帮助，我们将非常感谢:)

谢谢,

乔希

Answer 1

我想通了！

当我环顾四周时，我发现在CarouFredSel网站上，他们有一些技巧和技巧(http://caroufredsel.dev7studios.com/support/tips-and-tricks.php)，在页面中间，他们在下面记录了“使用向左浮动的块元素”...right，他们使用的HTML代码是linked...so，我只是复制了一下！

所以，现在我的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)

除了代码与我在originally...glad上发布的代码完全相同外，这是一个很容易修复的问题-希望这能帮助一些人！！

谢谢,

乔希