scriptaculous幻灯片

Question

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

Answer 1

如何存储幻灯片的图像？如果您使用数组，那么您正在寻找imageArray.length。您也可以查看source code for 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]
}