[JavaScript] Wyświtlanie zdjęć przy pomocy funkcji onclick, Wczytanie pierwszego zdjęcia przy otwarciu strony z funkcją onclick Opcje

[zibihehe]

Witam mam taki mały, może dość błahy problem, ale niestety z Javą nie jest u mnie zbyt dobrze dlatego proszę o pomoc, chodzi oto że używam funkcji "onclick" do pokazywania kolejno ukrytych zdjęć w divach, problem polega na tym że trzeba kliknąć w miniaturę aby się pokazało jakiekolwiek zdjęcie natomiast chciałbym aby pierwsze zdjęcie pokazywało się już przy wczytaniu strony, tak jakbym w nie klinął. Oto kod:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
      var now = false;
function show(id, event)
{
hide();
document.getElementById(id).style.display = 'block';
now = id;
event.stopPropagation();
}
var tag;
 function hide()
{
if(now)
{
 document.getElementById(now).style.display = 'none';
}
}
</script>
 
<a href="#null" onclick="show(foto1, event);"><img 
 
src="/miniatury/foto1.jpg" width="120" height="100"></a><br><center><small>foto1</small>
<a href="#null" onclick="show(foto2, event);"><img 
 
src="/miniatury/foto2.jpg" width="120" height="100"></a><br><center><small>foto2</small>
 
 
<div onclick="event.stopPropagation();" id="foto1" style="width: 50%; height: 50%; display: 
none;"><center><a href="/foty/foto1.jpg"><img src="/foty/foto1.jpg" alt="'.$foto1.'"  width="350" 
 
height="350"></a><br><small><b>foto1</b></small></center></div>
 
 
<div onclick="event.stopPropagation();" id="foto2" style="width: 50%; height: 50%; display: 
none;"><center><a href="/foty/foto2.jpg"><img src="/foty/foto2.jpg" alt="'.$foto2.'"  width="350" 
 
height="350"></a><br><small><b>foto2</b></small></center></div>
[HTML] pobierz, plaintext 

Ten post edytował zibihehe 31.01.2010, 19:22:31

[blade-mrn]

Może spróbuj użyć czegoś takiego:
window.onload = show(foto1, event);

[zibihehe]

Niestety nie przyniosło efektów :-( Mi się wydaje że może potrzebna jest kolejna funkcja "display" uruchamiana podczas otwierania strony, ale nie jestem pewien :/

[blade-mrn]

Nie wiem co to ma być ale domyślam się że coś w rodzaju galerii więc ja zrobiłbym to np. tak:

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
 
function show(id)
	{
		document.getElementById('foto1').innerHTML = '<img src="galeria/'+id+'" style="height:600px;width:3200px/>';
	}
window.onload = function laduj (){document.getElementById('foto1').innerHTML = '<img src="galeria/p002_0_1.jpg" style="height:600px;width:3200px/>';}
</script>
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="miniatury">
	<img src="galeria/p002_0_1.jpg" width="120" height="100" onclick="show('p002_0_1.jpg')">
	<img src="galeria/p002_0_2.jpg" width="120" height="100" onclick="show('p002_0_2.jpg')">
</div>
<div id="foto1" style="width: 50%; height: 50%;">
</div>
[HTML] pobierz, plaintext