caroufredsel图像滑块不显示图像，如果他们在<a></a>标签

Question

我用Caroufredsel在我的网站作为图像滑块。

我想让它像第一个例子中

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

但每当我把图像withing <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引发上#carouselWrapper。

Answer 2

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

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