Klikam w obrazek w jednym diwie i chcę aby pojawił się inny obrazek w innym divie

Question

Jak w temacie, klikam w obrazek w jednym diwie i chcę aby pojawił się inny obrazek w innym divie.

Mój pomysł na to jest taki:

			function wykonaj()
			{
				var wyk = "<img src="img/obrazek1.jpg">";
				document.getElementById("slider").innerHTML = wyk
			}

<div class="pudeleczko" > <span style="cursor:pointer;" onclick="wykonaj()"> <img src="img/obrazek2.jpg"  /></span></div>

 

Answer 1

Cześć. 

Napisałem Ci coś takiego na szybko. Sprawdź jak to działa i daj znać. 

<script>

function ImageShow(_imgSrc, _imgPlace, _showTime)
{
	
	var _imgPlace = document.getElementById(_imgPlace);

	if(_imgSrc && _imgPlace && _showTime)
	{
		_imgPlace.innerHTML = "<img src='"+_imgSrc+"'>";
		
		setTimeout(function () 
		{
		
			_imgPlace.innerHTML = "";
		
		},_showTime);
		
	
	}
}


</script>

<img src="twojobrazek1.png" onclick="ImageShow('twojobrazek2.png', 'place-image', 4000)">

<div id="place-image"></div>

 

Answer 2

No więc twój pomysł jest zły.

var wyk = "<img src="img/obrazek1.jpg">";

Używasz czterech czudzysłowi przez co skrypt weźmie sobie "<img src=", oraz ">", a to co jest w środku uzna za błąd.

Zrób tak:

var wyk = "<img src='img/obrazek1.jpg'>";

Do tego zapomniałeś o średniku na końcu:

document.getElementById("slider").innerHTML = wyk