我目前正在设计一个广泛使用 openlayers 的网站。地图上放置了各种矢量标记,当用户单击标记时,会出现一个弹出窗口。在此弹出窗口中,有一些已为灯箱设置的图像。唯一的问题是,当单击缩略图时,图像会在新窗口中打开(即 Lightbox 没有对链接进行事件识别)。灯箱的 html 非常好,因为我已经在弹出窗口之外对其进行了测试。
我想让灯箱在弹出窗口中工作,任何帮助将不胜感激。这是我的代码:
弹出窗口创建:
function onFeatureSelect(feature) {
selectedFeature = feature;
popup = new OpenLayers.Popup.AnchoredBubble("PopUp",
feature.geometry.getBounds().getCenterLonLat(),
null,
null,
null, true, onPopupClose);
popup.setContentHTML('<div><a href="large_image.png" rel="lightbox"><img src="thumb_image.png" /></a></div>');
feature.popup = popup;
map.addPopup(popup);
}
Lightbox.js
关于点击收听的摘录:
updateImageList: function() {
this.updateImageList = Prototype.emptyFunction;
document.observe('click', (function(event){
var target = event.findElement('a[rel^=lightbox]') || event.findElement('area[rel^=lightbox]');
if (target) {
event.stop();
this.start(target);
}
}).bind(this));
},
谢谢阅读。任何帮助将不胜感激。