Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Prosta galeria i dodanie przycisków następny i poprzedni
mazyl
post
Post #1





Grupa: Zarejestrowani
Postów: 139
Pomógł: 2
Dołączył: 2.12.2011

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


Witam!

znalazłem taką prostą galerie zdjęć w JS, galeria działa tak jak bym tego chciał tylko mam mały problem.
mianowicie chciałbym dodać do niej przyciski "następny" i "poprzedni"

Czy mógłby mi ktoś powiedzieć jak to zrobić ? jestem zielony jeśli chodzi o JS
  1. <script type="text/javascript">
  2. var zdjecia = Array(
  3. Array( 'galeria/1.JPG'),
  4. Array( 'galeria/2.JPG'),
  5. Array( 'galeria/3.JPG'),
  6.  
  7. );
  8. var max_width = 720;
  9. function laduj() {
  10. for(var i = 0; i < zdjecia.length; i++)
  11. document.getElementById('miniaturki').innerHTML += '<img src="' + zdjecia[i][0] + '" onclick="zmien(' + i + ')" />';
  12. zmien(0);
  13. }
  14. function zmien(id) {
  15. document.getElementById('zdjecie').innerHTML += '<div id="ladowanie"></div>';
  16. var custom = '';
  17. var preload = new Image();
  18. preload.onload = function() {
  19. if(preload.width > max_width)
  20. custom = ' style="height: '+(Math.floor(max_width / (preload.width / preload.height)))+'px;width:'+max_width+'px;"';
  21.  
  22. document.getElementById('informacje').innerHTML = '<br />';
  23. document.getElementById('zdjecie').innerHTML = '<img src="'+zdjecia[id][0]+'"'+custom+' />';
  24. }
  25. preload.src = zdjecia[id][0];
  26. }
  27. window.onload = laduj;
  28. </script>
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: 22.08.2025 - 02:15