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] 
}