单独悬停在fancybox中的图像描述2

Question

我在使用二十二岁儿童主题制作的wordpress网站中使用了花式框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

你的描述是在title属性里面，并且它会显示孔的内容。您可以添加另一个描述，如des="blablabla"，并且一旦您单击图像，屏幕上将显示一个modal box，其中将显示des属性将传递到模式框的内容。

实施例：

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

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

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

注：我用Jquery的。