jquery点击下面一张小图片,上面出现另外一张大图片

Answer 1

var small = new Image();
var big = new Image();
$(function(){
small.src='small.jpg';

big.src = 'big.jpg';

$(big).appendTo('body').click(bigClick);
});

function bigClick(){
var mark = $('<div>');

mark.css({
position:'fixed',
zIndex:'1000',
width:'100%',
height:$(document).height()

});

$(small).appendTo(mark).
onload(function(){
var $this = $(this);
var left = (mark.width()-$this.width())/2,

top = (mark.height()-$this.height());

top = top < 0 ? 0 : top;
left = left < 0 ? 0 : top;

$this.css({marginLeft:left,marginTop:top});

});

mark.appendTo('body');

}

Answer 2

更换图片路径即可 比较简单 js控制。

Answer 3

不止是更改路径，如果只是更改路径的话 会出现重复加载的，