Question

我编写了一个简单的代码来导航图像文件夹。这是一个网络漫画网站，所以每个图像单独显示，然后下一个和前一个按钮循环可用的内容。

我的问题是图片编号没有显示在网址中，因此您无法链接到单个漫画，这会使共享，RSS等无效。

我不知道是否需要尝试获取使用PHP显示的路径，或者是否可以将其作为变量添加到我现有的Javascript中，或者是否需要将脚本嵌入到索引页本身中。我已经研究了几个小时，我认为location.path可能是关键，但我还没有弄清楚如何成功实现它。

var images = ["comic_imgs/1.jpg",
    "comic_imgs/2.jpg",
    "comic_imgs/3.jpg",
    "comic_imgs/4.jpg",
    "comic_imgs/5.jpg",
];
var index = 4;

function nextImage()
{
    ++index;
    if (index < images.length)
    {
        document.getElementById("ID").setAttribute("src", images[index]);
    }
    else
    {
        index = (images.length - 1);
        nextImage();
    }
}

function previousImage()
{
    --index;
    if (index > -1)
    {
        document.getElementById("ID").setAttribute("src", images[index]);
    }
    else
    {
        index = 1;
        previousImage();
    }
}

function firstImage()
{
    index = 0;
    document.getElementById("ID").setAttribute("src", images[index]);
}

function lastImage()
{
    index = (images.length - 1);
    document.getElementById("ID").setAttribute("src", images[index]);
}

谢谢你看看！

Answer 1

您正在做的是更改#ID元素的src。

例如，这是您的HTML：

<img src='[url]' id='ID'/>

您可以使用A标记封装img，因为这样可以让用户获得指定图片的链接：

<a href='[url]'><img src='[url]' id='ID'/></a>

然后（为了在更改src时更改href），您只需要添加：

document.getElementById("ID").parentNode.setAttribute("href", images[index]);您到处都在document.getElementById("ID").setAttribute("src", images[index]);

javascript数组中每个图像的路径名

1 个答案: