我已经实现了缩略图图片的照片库,点击后可以在单独的窗口中放大。我的问题是,一旦放大的图像出现并且窗口关闭,用户就会离开页面的最顶部而不是他们点击图像时的位置。
以下是html代码的片段(图片在表格中):
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr align="center">
<td><a href="#" onClick="TS_openWindow('img/gallery/kitchens/kit1.jpg','pop','width=800,height=533')"><img src="img/gallery/kitchens/thumbs/kit1thumb.jpg" width="200" height="133" border="0"></a></td>
<td><a href="#" onClick="TS_openWindow('img/gallery/kitchens/kit2.jpg','pop','width=800,height=533')"><img src="img/gallery/kitchens/thumbs/kit2thumb.jpg" width="200" height="133" border="0"></a></td>
这是我正在使用的javascript:
function TS_openWindow(url, name, args) {
if (typeof(popupWin) != "object"){
popupWin = window.open(url,name,args);
} else {
if (!popupWin.closed){
popupWin.location.href = url;
} else {
popupWin = window.open(url, name,args);
}
}
popupWin.focus();
}
任何有关如何让用户在关闭弹出窗口后返回到网页原始位置的帮助都将非常感谢!!