WordPress的圖像網格與懸停div顯示

Question

我想知道什麼是最簡單的方法來製作一個3x3網格的圖片，並有一個鼠標在顯示每個圖像冗長的描述一個div？ 我打算在wordpress頁面上做這個。謝謝！

Answer 1

既然你問了最簡單的方法，你可以不用JavaScript的，但它有一定的限制支持（舊版本瀏覽器至少.. 咳嗽 IE 咳嗽）。 的HTML將是這樣的：

<ul class="thumbs"> 
    <li> 
     <img src="some_image_here" alt="some_description" /> 
     <p class="description">Lorem ipsum dolor sit amet</p> 
    </li> 
</ul> 

描述本身可以是被隱藏在拇指下面（其具有overflow: hidden;）且由上拇指懸停可見的絕對元素。
我的想法的一個例子：

http://jsfiddle.net/SjF3N/

當然，你可以調整拇指符合您需求的大小，我只是想以適應它的佈局的jsfiddle。