Блог

Главная - Вопросы по программированию - как установить динамическое изображение в javascript?

как установить динамическое изображение в javascript?

#javascript

#язык JavaScript

Вопрос:

 let stack1=document.querySelector("#stack1"); let randomNumber=Math.floor(Math.random()*52) 1; stack1.src=`"card1/image_part_0${randomNumber}.jpg"`;  //there are 52 images and their names are in the format 'image_part_0n' where // n can be any random number from 1 to 52

Ответ №1:

Вы все делаете правильно, просто удалите "" из

 stack1.src=`"card1/image_part_0${randomNumber}.jpg"`;

попробуй вот так

 stack1.src=`/card1/image_part_0${randomNumber}.jpg`;

из " — за того, что путь становится испорченным.

 let stack1=document.querySelector("#stack1"); let randomNumber=Math.floor(Math.random()*52) 1; stack1.src=`/card1/image_part_0${randomNumber}.jpg`; console.log(stack1.src); 
 lt;img id="stack1" src="" alt="picture with dynamic path" width="500" height="600"gt;

Комментарии:

1. я удалил двойную кавычку и, используя только черную галочку, все еще не работаю

2. @user1724827 вы проверили путь к папкам с изображениями src="" , в котором он должен быть, YourProjectFolder -gt; card1 -gt; image_part_015.jpg который должен выглядеть так YourProjectFolder/card1/image_part_015.jpg

Метки: