Question

点击缩略图弹出大图效果js

<a name='fff' href='javascript:void(0);' onclick='picBig();'><img src="XXX"></a>
js写一个picBig()方法使点击图片后弹出新页面或新的一层显示出大图片，img在页面经过其他js已变成了缩略图

Answer 1

js做点小图弹出大图的，一般都是分成了2份图片文件的，一种小的缩略图，一种是大的图片。

Answer 2

jquery带翻页的图片全屏展示插件
下载地址 jqueryfuns.com/resource/164

追问

不能用jquery，而且上面那个已经写死了

Answer 3

写了个简易版的，基本上能实现你要的效果，你把图片路径加上就行了，希望能帮到你，代码如下：
<div id="divCenter" align="center" style="position: absolute; z-index: 9; display: none; background-color: #eee; width:700px; height:500px;left:200px;top:200px; border:1px solid #222;">
<img src="XXXXXX" /><a href="javascript:void(0);" onclick="picClose();">关闭</a>
</div>
<script>
function picBig() {
var v = document.getElementById('divCenter');
v.style.display = "block";
}

function picClose() {
var v = document.getElementById('divCenter');
v.style.display = "none";
}
</script>
<a name='fff' href='javascript:void(0);' onclick='picBig();'><img src="XXX"></a>

追问

只能添加一个picBig()方法，div上的样式是早就已经从文本编辑器内读写出来的改变不了，最好是弹出一个层或者是弹出一个页面来显示这张图片的原来的大图形式

追答

首先只能添加一个picBig()的话，那就把picClose()这个方法删掉，这个没关系的
然后说从文本编辑器内读出来的改不了，但是可以把读出来的DIV放在我写的那个浮动的大DIV里啊

追问

是这样的，从文本编辑器内传到数据库中，再从数据库中读取出来的只有一个result，这个result包含一些网页代码，读出来的就是，如果多张图片会有多个这个，而那个div也职能控制那一个图片，而且路径也不好获取

追答

字数限制，你先试试吧，写注释了已经，不行了再追问

图片的路径是：

function picBig() {
var img = event.srcElement; //得到点击对象,IE下用这个
//var img = event.target; //得到点击对象,别的浏览器用这个
if (img.nodeName.toLocaleUpperCase() == "IMG") { //判断如果是元素
var url = img.src; //得到图片的路径
document.getElementById("showimg").src = url; //把图片路径给浮动层里的
document.getElementById("spanimg").innerHTML = url; //主要是显示用，可删掉
var v = document.getElementById('divCenter'); //得到浮动层
v.style.display = "block"; //让浮动层显示（弹出）
}
}