尝试这个:
$(function() {
jQuery(".gallery-item a").click(function(evt) {
jQuery("#imageBox").empty().append(
jQuery("<img />", { src: $(this).attr("href") })
);
return false;
});
});
编辑评论:
假设图片的url在属性“data-urlimage”标签“a”中
html:
<div class="gallery-item">
<a data-urlimage="/img/myimage.jpg" href="#">click here</a>
</div>
Javascript:
$(function() {
jQuery(".gallery-item a").click(function(evt) {
var img = new Image();
img.src = $(this).data("urlimage");
img.onload = function(){
jQuery("#imageBox").empty().append(img);
};
return false;
});
});
查看图像事件
编辑:查看如何创建更好的对象“图像”