scriptaculous slideshow

Question

Я пытаюсь создать скриптовое слайд-шоу, но я понятия не имею, как перебрать все изображения в теге div, а затем проверить, является ли это последним изображением и назначить его первому img. Я могу добавить угасание и что-то еще, но я понятия не имею, как их перебирать.

Answer 1

Как вы храните изображения для слайд-шоу? Если вы используете массивы, то вы ищете imageArray.length. Кроме того, вы можете взглянуть на source code for lightbox, так как он использует прототип и scriptacolous, а также использует массивы для хранения сгруппированных изображений.

В чистом JavaScript вы могли бы сделать что-то это, чтобы получить изображения, как массив, включенных в DIV с ID:

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