 Losowanie zdjęc - JavaScript |
  |
| Losowanie zdjęc - JavaScript |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 5 Pomógł: 0 Dołączył: 28.08.2013 Ostrzeżenie: (0%) 
 |
Witam, chcę zrobić "losowarkę" zdjęć która losuje zdjęcia po kliknięciu na przycisk. Na stronie mam kilka rzędów i chce do każdego rzędu przyszyć przycisk który będzie losował mi w danym rzędzie zdjęć nowe zdjęcia. Korzystam z kursu JavaScript od EduWeb i mam taki problem że nie wiem jak oddzielić rząd od rzędu. Mam napisany skrypt który poprostu podmienia mi adresy wszystkich "img.src" na stronie a ja chce żeby tyczyło się to tylko wybranego rzędu. Proszę o poradę jak mam to zrobić
 Dla zobrazowania tematu podaje link do strony gdzie chciał bym to zastosować: http://www.fuxkom.com.pl/patryk Oto kod: Kod <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="skrypty/skrypt.js" ></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Dokument bez tytułu</title> </head> <body> <div id="box"> <div id="strzalki"> <button id="previosu">previous</button> <a href="#" id="click">NETXT</a> </div> <div id="zdjecia"> <div id="zestaw"> <img src=""/> <img src=""/> <img id="raz" src=""/> </div> </div> </div> <script type="text/javascript"> var zdjecia = new Array("01", "02", "03", "04", "05", "06"); const MINI = "img/"; var id = "raz"; function losuj(ilosc){ var tab = new Array(); for(var i=0; i<ilosc; i++){ tab[i] = Math.floor(Math.random()*zdjecia.length); } return tab; } function uaktualnij(img){ if(img.id = id){ var nowe = losuj(img.length); for(var i in img){ img[i].src = MINI + zdjecia[nowe[i]] + ".jpg"; } } } window.onload = function(){ var img = document.getElementsByTagName("img"); uaktualnij(img); } var click = document.getElementById("click"); click.onclick = function(){ var img = document.getElementsByTagName("img"); uaktualnij(img); } var click = document.getElementById("click"); click.onclick = function(){ var img = document.getElementsByTagName("img"); uaktualnij(img); } </script> </body> </html> |
 |
 
|
|
|
Aktualny czas: 21.08.2025 - 11:39 |
