Problem ze zrozumieniem błędu JS

Question

Witam mam pewien problem: oto ten kodzik wyświetla wszystkie divy ale zawartość tylko ostatniego.

	<script>
	function technologie()
	{
		var tech="";
		var obraz="";
		for(i=1;i<=7;i++)
		{
		obraz="<img src=\"images/tech"+i+".png\" />";
		tech=tech+'<div id="techimg'+i+'" class=tech></div>';
		document.getElementById("content").innerHTML=tech;
		document.getElementById('techimg'+i).innerHTML=obraz;
		}
	}
	window.onload=technologie;
	</script>

 

Answer 1

Bo za każdym razem pobierasz poprzednie divy ze zmiennej tech.

Masz 2 rozwiązania:

Na końcu pętli dodaj:

tech = document.getElementById("content").innerHTML;

Albo od razu do tech dodaj obrazek:

tech = tech+'<div id="techimg'+i+'" class=tech><img src=\"images/tech'+i+'.png\" /></div>';

 

Comments

No to jeszcze mam jedno pytanko jak zrobic aby te obrazki pojawiały się dopiero po załadowaniu strony ale poprzez animacje ? Nie mam pojęcia jak to zrobić myślalem żę dodanie wcześniej fadeOut a później fadeIn coś da ale to nie działa Proszę o podpowiedz