Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Wyświtlanie zdjęć przy pomocy funkcji onclick
Forum PHP.pl > Forum > Przedszkole
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:
  1. <script type="text/javascript">
  2.  
  3. var now = false;
  4. function show(id, event)
  5. {
  6. hide();
  7. document.getElementById(id).style.display = 'block';
  8. now = id;
  9. event.stopPropagation();
  10. }
  11. var tag;
  12. function hide()
  13. {
  14. if(now)
  15. {
  16. document.getElementById(now).style.display = 'none';
  17. }
  18. }
  19.  
  20. <a href="#null" onclick="show(foto1, event);"><img
  21.  
  22. src="/miniatury/foto1.jpg" width="120" height="100"></a><br><center><small>foto1</small>
  23. <a href="#null" onclick="show(foto2, event);"><img
  24.  
  25. src="/miniatury/foto2.jpg" width="120" height="100"></a><br><center><small>foto2</small>
  26.  
  27.  
  28. <div onclick="event.stopPropagation();" id="foto1" style="width: 50%; height: 50%; display:
  29. none;"><center><a href="/foty/foto1.jpg"><img src="/foty/foto1.jpg" alt="'.$foto1.'" width="350"
  30.  
  31. height="350"></a><br><small><b>foto1</b></small></center></div>
  32.  
  33.  
  34. <div onclick="event.stopPropagation();" id="foto2" style="width: 50%; height: 50%; display:
  35. none;"><center><a href="/foty/foto2.jpg"><img src="/foty/foto2.jpg" alt="'.$foto2.'" width="350"
  36.  
  37. height="350"></a><br><small><b>foto2</b></small></center></div>
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
  1. <script type="text/javascript">
  2.  
  3. function show(id)
  4. {
  5. document.getElementById('foto1').innerHTML = '<img src="galeria/'+id+'" style="height:600px;width:3200px/>';
  6. }
  7. window.onload = function laduj (){document.getElementById('foto1').innerHTML = '<img src="galeria/p002_0_1.jpg" style="height:600px;width:3200px/>';}
  8. </script>
[JAVASCRIPT] pobierz, plaintext

  1. <div id="miniatury">
  2. <img src="galeria/p002_0_1.jpg" width="120" height="100" onclick="show('p002_0_1.jpg')">
  3. <img src="galeria/p002_0_2.jpg" width="120" height="100" onclick="show('p002_0_2.jpg')">
  4. </div>
  5. <div id="foto1" style="width: 50%; height: 50%;">
  6. </div>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.