先把图片控制大小！！
点击后！大小auto!!
再次点击大小还原！！
<script type="text/javascript">$(document).ready(function(){
$("#ck").children('img').click(function(){
if( $("this").hasClass('current')){
$(this).next("ul").removeClass("current")
$("this").css('width',"auto")
$("this").css('height',"auto")
}else{
$(this).addClass("current")
$("this").css('width',"50px")
$("this").css('height',"50px")
}
})
没试过！！你先试下吧！！
1．在同一个div中，编写如下图所示的一段代码，并在这段代码中设置dive的宽度和高度，以便文本具有特定的范围。
2．找到背景，如下图所示，添加背景后的图像作为背景图案。
3．在后台添加url（）。为了连接图像，在url中写入背景图像的路径。
4．你可以把你最喜欢的图片根据你的个人喜好。你必须把正确的路径写在这里。
5．这样，保存后的文本将覆盖在图片的顶部。
我自己没试过，给你个思路，只能帮你到这，HTML编写一个div中间嵌套两个div，一个用来承载图片一个为详细信息，js中jq代码绑定事件，点击图片，显示HTML中写好的div即可。具体的各种方法参照jQuery API
