how to re-write this jquery array to javascript

Question

I am trying to re-write this code in javascript only without the jquery part.

var imgs = $.makeArray($("#images img"));
imgs.reverse();

function crossfade() {
  TweenMax.to(imgs[0], 1, { autoAlpha: 0, scale: 1 });
  TweenMax.to(imgs[1], 1, { autoAlpha: 1, scale: 1.2 });
  imgs.push(imgs.shift());
}

var cycle = setInterval(crossfade, 3000);

Most especially the below part.

var imgs = $.makeArray($("#images img"));
imgs.reverse();

Read [this answer](https://stackoverflow.com/a/2735133/10210841). I found this question with just a few minutes of research. Next time, try rewording your question while doing your own searching. — Rojo, Jul 19 '20 at 13:54
Does this answer your question? [How to convert a DOM node list to an array in Javascript?](https://stackoverflow.com/questions/2735067/how-to-convert-a-dom-node-list-to-an-array-in-javascript) — Ivar, Jul 19 '20 at 13:57

score 0 · Answer 1 · answered Jul 19 '20 at 14:03

Get the Images with document.querySelectorAll, then put them in an array (as @rojo said in his comment) and reverse the order of that array.

var images = document.querySelectorAll("#images img"), //get the images as nodelist
    images = Array.from(images), //transform the nodelist to an array
    images = images.reverse() //reverse the array

// proceed with images...

score -1 · Accepted Answer · answered Jul 19 '20 at 14:00

-1

This might help you

Array.from(document.querySelectorAll('#images img')).reverse()

answered Jul 19 '20 at 14:00

Beingnin

2,288
1
21
37

how to re-write this jquery array to javascript

2 Answers2