У меня сложилась проблема с написанием первого скрипта на JS.
Мне нужна галерея но простым языком. В сети видел либо ссылки на библиотеки, либо написано с сокращениями непонятными мне. Прошу поясните какие должны быть действия.
есть n картинок, нужно что бы при нажатии открывался див поверх контента и посередине было увеличенное изображение.
var a=new Array();
a[0].src = "foto1.jpg";
a[1].src = "foto2.jpg";
a[2].src = "foto3.jpg";
function showDiv (image)
{
d = document.createElement('div');
d.className='backdiv';
document.body.appendChild(d);
d.HTMLstr+="<img src=\"по идее тут как-то надо вписать массив?\">\n";
document.body.style.overflow = 'hidden';
}
<img id="photo1" src="foto1.jpg" OnClick="showDiv(this)"/>
<img id="photo2" src="foto2.jpg" OnClick="backDiv(this)"/>
<img id="photo3" src="foto3.jpg" OnClick="backDiv(this)"/>
Див поверх контента открывается но изображение никак не получается вывести.