Javascript WordPress图像网格带悬停div显示

我想知道什么是最简单的方法，使一个3x3网格的图片，并有一个鼠标在显示一个div与一个冗长的描述每个图像？

---

我计划在wordpress页面上做这个。谢谢

既然您要求的是最简单的方法，那么您可以不使用javascript，但是它的支持会有一定的限制（至少对于较旧的浏览器来说是这样）。 HTML将类似于：

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

Lorem ipsum dolor sit amet

描述本身可以是一个绝对元素，隐藏在thumb下方（具有

溢出：隐藏；

），并在thumb悬停时可见。
我的想法的一个例子：

当然，您可以调整拇指的大小以满足您的需要，我只是尝试将其适合JSFIDLE布局