image - caroufredsel 图像滑块不显示图像，如果它们在标签

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>设置为设置高度/宽度、显示：块和浮动：左。这对我有用：

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

然后调用 jCarouFredSel 启动器 on #carouselWrapper。

Answer 2

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

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