JS给img标签加a链接
如果用JS给编辑器插入的img标签加a链接，我需要点击img在新窗口打开原图。
请方法写出来，而且保证兼容性，谢谢！
<script type="text/javascript" src="jquery-1.8.0.min.js"></script><script type="text/javascript">$(document).ready(function(){$("#demo img").hover(function(){var pass=$(this).attr("src");$(this).wrap("<a href='"+pass+"' target='_blank' title='点击查看原图'></a>")},function(){$(this).unwrap()});});</script>这是我写的方法，在火狐里没问题，请高手们试一下，先明白我的想法。我头痛的是在ie里就无效了！！！
原来是这么回事，很简单的，首先你建立一个静态页面里面放一个img标签，然后你用JS给编辑器插入的img标签加a链接，像这样
$("#demo img").wrap(function(){
return "<a target='_blank' title='点击查看原图' href='那个静态页面的地址?src="+$(this).attr("src")+"' />";
});
});
然后在那个静态页面写下这样的代码
// 获取链接中参数部分
var queryString = location.href.substring(location.href.indexOf("?")+1);
var param = queryString.split("=")[1];
document.getElementById("这个页面上img标签的id").src = param;
}
这样就行了
温馨提示：内容为网友见解，仅供参考
第1个回答 2013-12-27
不是很理解，既然是编辑器里的文本，不需要保存到数据库吗，在后台保存之前，从字符串中检索出img标签，前后加上a链接就可以了。
第2个回答 2013-12-28
window.onload = function(){
var img = document.getElementsByTagName("img");
for(var i=0;i<img.length;i++){
img[i].onclick = funtion(){
location.href = "你要跳转的链接?id="+i;//传递一个i过去做一下判断是哪一张图片
}
}
}
var img = document.getElementsByTagName("img");
for(var i=0;i<img.length;i++){
img[i].onclick = funtion(){
location.href = "你要跳转的链接?id="+i;//传递一个i过去做一下判断是哪一张图片
}
}
}
