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; 
}