caroufredsel图像滑块如果位于<a></a>标记内，则不会显示图像

Question

我在网站上使用 Caroufredsel 作为图片滑块。

我想把它变成

中的第一个例子

<a href="http://caroufredsel.dev7studios.com/">http://caroufredsel.dev7studios.com/</a>

但每当我放置带有<a></a>标签的图片时，滑块就会消失。当我删除<a></a>标签时，一切运行正常。

如何将图片clickable引导至 Caroufredsel 中的其他页面？

Answer 1

CarouFredSel对具有设置高度/宽度的块级元素进行操作。 <a></a>标记是内联元素。我建议使用<a></a>标记包围<div></div>标记，并将<div></div>标记设置为具有设置的高度/宽度，显示：block和float：left。这对我有用：

#carouselWrapper div {
display: block;
float: left;
width: 500px;
height: 200px;
}

然后在#carouselWrapper上调用jCarouFredSel发起人。

Answer 2

无需添加额外的div元素 - 只需将<a>元素设置为display: block。

#carousel a {
    display: block;
    float: left;
}