why this image does not appear

Question

i am making a slide image automatically or manually by clicking the next and previous button but the image does not appear only white color, please help me solve this problem and give me explanation why this problem can happen
https://code.sololearn.com/W299dUpsstCV/?ref=app

Answer 1

Here is clean working code, using for of instead of loop. This way you only need to add urls to your array and it will keep working.

Also page will not render until it is ready, so now you can set what ever interval you want

https://code.sololearn.com/WCXE21oDq9pT/#html

Answer 2

hmm strange
will post you new code

Answer 3

Mike Choy ok my code is working well it turns me too fast set up time in its setInteval thanks for helping me and answer my question.

Answer 4

Ah yes the issue is that the document has not been rendered on the first loop before you try to set the URL. This is an issue with Sololearn, you really need to wrap your code in a window.onload = function() {}

so that it only renders when the document is ready

Answer 5

wow thank you Mike Choy

Answer 6

Hi hafizd21j

see below working code

var photosPack = ["https://image.ibb.co/jdHjtn/matteo_vistocco_424475.jpg","https://image.ibb.co/dRdPtn/tersius_van_rhyn_228779.jpg","https://image.ibb.co/mQC0Yn/nick_morrison_325805.jpg"];

var indexImg = 1;
var imgId=document.getElementByID("imgcontent");

function slideImg(){
if(indexImg == photosPack.lenght){
indexImg = 0;
}else{
imgId.setAttribute("src",photosPack[indexImg]);
indexImg++;
}
}

var setWaktu = setInterval(slideImg,200);

Answer 7

Mike Choy your code does not work even appear error

Answer 8

Wow
I learnt something too, I did not know you could just use the elements ID inside JS without doing a document.getElementByID, many thanks!

Answer 9

Mike Choy oh ok i also know that when i see tutorial how to make slide gallery images fron youtube i also think the same as you

Answer 10

How about this
https://code.sololearn.com/W1F10CX7kf20/?ref=app