Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Skrypt galerii javascrpit, Problem ze zmianą tekstu, zdjęciami
lolarz
post
Post #1





Grupa: Zarejestrowani
Postów: 33
Pomógł: 0
Dołączył: 5.07.2013

Ostrzeżenie: (0%)
-----


Witam, mam taki skrypt:

  1. <head>
  2. </script>
  3.  
  4. <script type="text/javascript">
  5. var zdjecia = Array(
  6. Array('sciezka_do_duzego_zdj1', 'sciezka_do_malego_zdj1', 'tytul1', 'opis1'),
  7. Array('sciezka_do_duzego_zdj2', 'sciezka_do_malego_zdj2', 'tytul2', 'opis2')
  8. );
  9. var max_width = 520;
  10. function laduj() {
  11. for(var i = 0; i < zdjecia.length; i++)
  12. document.getElementById('miniaturki').innerHTML += '<img src="' + zdjecia[i][1] + '" onclick="zmien(' + i + ')" />';
  13. zmien(0);
  14. }
  15. function zmien(id) {
  16. var custom = '';
  17. var preload = new Image();
  18. preload.onload = function() {
  19.  
  20. document.getElementById('informacje1').innerHTML = '<b><p>'+zdjecia[id][2]+'</p></b>';
  21. document.getElementById('informacje2').innerHTML = '<i>'+zdjecia[id][3]+'</i>';
  22. document.getElementById('zdjecie').innerHTML = '<img src="'+zdjecia[id][0]+'"'+custom+' />';
  23. }
  24. preload.src = zdjecia[id][0];
  25. }
  26. window.onload = laduj;
  27. </script>
  28. </head>
  29. <div id="miniaturki"></div>
  30. <div id="zdjecie"></div>
  31. <div id="informacje1"></div>
  32. <div id="informacje2"></div>
  33. <div id="strzalka1"></div>
  34. <div id="strzalka2"></div>
  35.  


Moje pytanie:
Jak zrobić coś takiego aby strzałkami pod miniaturką można było się cofać lub iść do przodu (zmieniał by się tytuł,opis,duże zdjęcie oraz miniaturka)
jak zrobić aby miniaturki nie były obok siebie tylko się zmieniały po kliknięciu w jakąś strzałke (narazie jest tak że wszystko się zmienia po kliknięciu w miniaturke).

Chodzi mi o coś takiego:


gdzie:
1,2 - strzałki do zmieniania
3 - tytuł
4 - opis
5 - miniaturka
6 - duże zdjęcie

Nie ogarniam js. Z góry dziękuje za pomoc.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.08.2025 - 17:10