HTML / 1

1 пример body { background-size: auto; background-color: rgb(97, 151, 81); } function setNewImage() { document.getElementById("img1").src="2.png"; } function setOldImage() { document.getElementById("img1").src="1.png"; } MouseOver and MouseOut 2 пример body { background-size: auto; background-color: rgb(146, 235, 118); } function chpict() { var d=document var k=d.pm1.src d.pm1.src=d.pm2.src d.pm2.src=k } change photos 3 пример slide show every 2 second var img = document.getElementById('img'); var images = ['1.png', '2.png','3.png', '4.png']; var x =0; function slide(){ if(x < images.length){ x=x+1; }else { x=1; } img.innerHTML = ""; } setInterval(slide,500); .slider{ width: 300px; height: 300px; box-sizing: border-box; box-shadow: 5px 5px 10px grey; margin: 10px auto; } img{ width: 100%; height: 100%; }