Question

我有一个带有缩略图块（小图片）的页面，我希望在点击一个小图像时显示更大版本的图像。两个文件名称相同，但位于不同的文件夹中。问题是，使用for循环随机生成缩略图。这是我正在处理的脚本（onclick）：

function seeFoto(that){
document.getElementById("photoViewer").style.zIndex="1";
document.getElementById("gallery").style.zIndex="0";
document.getElementById("bigpic").src=.../// <<-- problem: how do I get the source of the thumbnail and then replace "bigpic" with other version of the image??

这是一个脚本，为每个单元格分配一个随机图像（它可以工作）：

function randomThumbs(){
swapp();
var onecell="1";
for (onecell=1; onecell<33; onecell++){
var duh=Math.ceil(Math.random()*802);
document.getElementById("img" +onecell).setAttribute("src","thumbs/"+duh+".jpg");
}}

swapp（）是一个随机选择两个单元格并将图片更改为另一个随机图片的函数。 Html代码：

<td><a id="link1" href="page.html" <img id="img1" src="thumbs/1.jpg" onclick="seeFoto(this)" /></a></td>
<td><a id="link2" href="page.html" <img id="img2" src="thumbs/2.jpg" onclick="seeFoto(this)" /></a></td>

希望我的问题足够明确...... 谢谢！

Answer 1

document.getElementById("bigpic").src = that.src.replace('thumbs/', 'bigimages/');

我认为......： - ）

JS：访问随机分配的img属性

1 个答案: