Question

我有一个（可能有点傻）问题。我正在使用javascript制作照片库。我需要为每个图像提供一些信息（ id ），因此我可以询问javascript当前打开的图像。

示例：

我得到了一些图像。这些图片的 id 1,2和3.当我使用图库滑过图片时，我想知道我正在看什么图像。

可以通过向图像 alt 提供我需要的信息来完成。所以我可以去;

var id = document.getElementById("image").alt;

但我不知道这样做的方法。这个问题有一个简单的解决方案吗？

Answer 1

我假设您有多个<img>元素。您可以为每个人提供相同的class值，以便您可以轻松获得对所有这些值的引用。然后，您可以对要分配给它们的任何数据使用data-属性。

<img class="gallery-image" data-id="1" ...
<img class="gallery-image" data-id="2" ...
<img class="gallery-image" data-id="3" ...

的JavaScript

var images = document.getElementsByClassName('gallery-image');
for (var i = 0; i < images.length; i++) {
    var id = images[i].getAttribute('data-id');

    ...
}

Answer 2

您可以使用jquery为图片添加/删除自定义属性，以表明它处于活动状态：

$(..).attr('c-active', true);

将导致：

<img src=".." c-active/>

将其设置为false将删除该属性。

由于该属性不是标准的html语法，因此某些框架/浏览器可能对此不满意。

您还可以使用jquery数据：

$(..).data('c-active',true);
$(..).data('c-active',false);

或者只是保留一个简单的javascript变量来指示哪个图片ID处于活动状态（但每次图片幻灯片时都必须更新）

var activeId = 5;

为图像提供信息

2 个答案: