slideshowaculous slideshow

Question

J'essaie de faire un diaporama scriptaculous mais je n'ai aucune idée comment faire une boucle sur toutes les images dans la balise div puis vérifier si c'est la dernière image et l'assigner au premier img. Je peux ajouter le fading et le whatnot moi-même mais je n'ai aucune idée comment les boucler.

Answer 1

Comment stockez-vous les images pour le diaporama? Si vous utilisez des tableaux, alors vous recherchez imageArray.length. En outre, vous pouvez jeter un oeil à la source code for lightbox, car il utilise également des prototypes et scriptacolous et utilise des tableaux pour stocker des images groupées.

En JavaScript pur, vous feriez quelque chose ce pour obtenir les images comme un tableau inclus dans un div avec un 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 est construit sur prototype, vous pouvez donc faire

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. 

puis faire une boucle à travers les enfants dans le div parent, vous pouvez le faire

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