At the moment, I have the code to put all my children of the "slides" class in an array in jQuery.
$('.slides').children().each(function (i) {
var oImg = new Image();
oImg.src = this.src;
aImages.push(oImg);
});
But now I heard that we have to use Javascript to create this. All my attempts to recode the snippet from jQuery to Javascript have failed. Does anybody know how to make it work?
Try this:
// Get all the elements with class 'slides'
var elements = document.getElementsByClassName('slides');
// Loop through all the elements first...
for (var j = 0; j < elements.length; j++) {
// Get all the childNodes within each class 'slides'
var children = elements[j].childNodes;
// Loop through all the childrens
for (var i = 0; i < children.length; i++) {
var oImg = new Image();
oImg.src = children[i].src;
aImages.push(oImg);
}
}
Something like:
var elements = document.getElementsByClassName("slides");
for(var i in elements){
var childElements = elements[i].children;
for(var j in childElements){
var child = childElements[j];
//your code here
}
}
Try this:
var elements = document.getElementsByClassName('slides');
var myImages = elements.getElementsByTagName("img");
for (var i = 0; i < myImages.length; i++) {
var oImg = new Image();
oImg.src = myImages[i].src;
aImages.push(oImg);
}
Try
var aImages = [];
// get all elements with class slides
var slides = document.getElementsByClassName('slides');
// iterate through the slides array
for (var i = 0; i < slides.length; i++) {
var slide = slides[0];
// iterate through each child of slide
for (var j = 0; i < slide.childNodes.length; i++) {
var child = slide.childNodes[j];
var oImg = new Image();
oImg.src = this.src;
aImages.push(oImg);
}
}
