关于jQuery如何点击图片后生成新的DIV显示大图的问题

Question

如题.我是想当点击小图片之后.在页面的中间显示大图.背景变成灰色.当我点击大图后大图会消失.
求大神.

Answer 1

楼主 这里有很多插件，你可以参考下http://www.cnblogs.com/lhb25/archive/2011/04/11/2005330.html

Answer 2

2种方法供参考。第一种：直接改变src,如
$('#click').click(function(){
   $('#img').attr('src','big-image.jpg');
}第二种：大图display:none,小图display:block;点击后显示方式互换。
$('#click').click(function(){
   $('#small-image').css('display','none');
   $('#big-image').css('display','block');
}

Answer 3

2种方法供参考。第一种：直接改变src,如
$('#click').click(function(){
   $('#img').attr('src','big-image.jpg');
}第二种：大图display:none,小图display:block;点击后显示方式互换。
$('#click').click(function(){
   $('#small-image').css('display','none');
   $('#big-image').css('display','block');
}

Answer 4

2种方法供参考。第一种：直接改变src,如
$('#click').click(function(){
   $('#img').attr('src','big-image.jpg');
}第二种：大图display:none,小图display:block;点击后显示方式互换。
$('#click').click(function(){
   $('#small-image').css('display','none');
   $('#big-image').css('display','block');
}