将鼠标悬停在 fancybox 2 中的图像描述上

Question

我在一个由 22 岁儿童主题制成的 wordpress 网站中使用了精美的 box 2。我想要它，这样当您将鼠标悬停在图像上时，它会显示人名，当您单击图像时，它将有几段描述。除了悬停部分，我什么都可以工作，当你悬停时，它会显示整个大描述。

Here is a link to the page.（密码是boogiebop）

这里是 JavaScript：

jQuery(document).ready(function() {
 jQuery(".fancybox").fancybox({
  beforeshow: function(){
  this.title = $(this.element).next('.newTitle').html();
  },
  helpers: {
    title : {
    type : 'inside'
   }
   }
 }); // fancybox
}); // ready 

我试过添加这个：

<a class="fancybox" href="images/01.jpg" title="only show this on hover"><img src="images/01t.jpg"  /></a>
<div class="newTitle" style="display: none;"><p>hello, visite my site <a href="http://fancyapps.com/fancybox/">http://fancyapps.com/fancybox/</a></p></div>

但无济于事，我得到的只是标准标题。

Answer 1

你的描述在标题属性里面，当然它会显示洞的内容。您可以添加另一个描述，如des="blablabla"，一旦您单击图像，屏幕上将显示modal box，其中des 属性的全部内容将传递到模态框。

例子：

$("#image").click(function(){

var des = $(this).attr("des");

$("#modalbox").html(des);
//done :D
})

注意：我使用的是 Jquery。