Передайте переменную в HTML

Question

Так что вместо того, чтобы заплатить 35 долларов за слайдшоу для лайтрума, я просто решил сделать быстрое слайдшоу javascript, чтобы выполнить простую задачу. Поверните 10 изображений в div, случайно. Это работает так:

var imageSrc = "source_folder/";
var imageType = ".jpg";
var randomImage = imageSrc + 0 + Math.floor(#*Math.random()) + imageType;

(это не весь код, остальное я пропустил)

Как мне взять randomImage и вставить в тег <img>.

src="randomImage" will not work.

Answer 1

var imageSrc = "source_folder/";
var imageType = ".jpg";
var randomImage = imageSrc + 0 + Math.floor(#*Math.random()) + imageType;
document.getElementById('booba').src=randomImage;

....
....
....

<img id='booba' />

А если хочешь быть ноты (не очень хорошая практика, но должна работать)

<img src='javascript:this.src=randomImage' />

Answer 2

Я настоятельно рекомендую jQuery и плагин Cycle .

Answer 3

Не используйте строку «randomImage», используйте переменную:

image.src = randomImage

Это просто установка src на путь текущего изображения. Будет задержка при загрузке изображений. Вы можете предварительно загрузить пути, используя new Image().src = [path], или использовать спрайты изображений и CSS-клип, чтобы сделать его более плавным.