jQuery 有没有办法在单击时将图像插入到 div 中,并在单击时将其删除?
我正在尝试使用 jquery 制作一个灯箱,因此在准备好 dom 时,它将缩略图类应用于包装器 div 中的每个图像,然后单击它会切换整个类。但这会产生居中问题。所以我想要一个透明的 div 去 .5 不透明度并插入点击的图像,然后当你再次点击时,做相反的事情。
这是我到目前为止的代码:
$(document).ready
$('img, div.wrapper').each( function() {
var $img = $(this);
$img.addClass('thumbnail');
$img.click(function(){
$img.toggleClass('full');
});
});
链接到 js 小提琴:http: //jsfiddle.net/reveries/TLJYN/
我只想添加一个宽度和高度为 100% 和 50% 不透明的 div,它将 text-align 设置为居中。这样当图像被注入到这个 div 中时,它会自动居中。然后单击时,50% 不透明的父 div 将显示:none,并且图像将放回原来的位置。