脚本幻灯片

Question

我正在尝试制作一个脚本幻灯片，但我不知道如何循环 div 标签中的所有图像，然后检查它是否是最后一个图像并将其分配给第一个图像。我可以自己添加淡入淡出之类的东西，但我不知道如何循环它们。

Answer 1

如何存储幻灯片的图像？如果您使用数组，那么您正在寻找imageArray.length。您也可以查看lightbox 的源代码，因为它使用原型和 scriptacolous 以及使用数组来存储分组图像。

在纯 JavaScript 中，您可以执行以下操作来获取包含在带有 ID 的 div 中的图像数组：

getImageArray = function(containerId) {
    var containerElement = document.getElementById(containerId);
    if (containerElement) {
        var imageArray = containerElement.getElementsByTagName("img");
        return imageArray;
    } else {
        return null; // or something similar
    }
}

Answer 2

scriptaculous 是基于原型构建的，因此您可以

var arrayOfChildren = $('myContainerDIvId').childElements();
// myContainerDiv is the id of the parent Div.
var numberOfChildren = arrayOfChildren.length;
arrayOfChildren[numberOfChildren] will = the last child in the parent div.

循环遍历父 div 中的子项

for(i=0; i<numberOfChildren; i++){
  // do something with arrayOfChildren[i]
}