nahodna pozicia obrazkov

kire55

potreboval by som nejaky skrip najlepsioe v HTML ak sa da ide o toto:

chcem mat asi 100 obrazkov rozmiestnenych v 10 radoch a 10 stlpcoch a chcem aby pri kazdej navsteve stranky alebo pri kazdom refresh F5 doslo k zmene kazdeho obrazka na inu poziciu

c-ice

pokial viem HTML je dost staticka vec ... tam to nerozhybes na to sa pouziva JS

Kód: Vybrať všetko

// chcel som to inak spravit ale zistil som ze JS nema triedu list
var obrazky = document.body.getElementsByTagName('img');
for(i = 0; i < obrazky.lenght; i++){
  nahodne = Math.floor(Math.random()*obrazky.lenght);
  temp = obrazky[i].src;
  obrazky[i].src = obrazky[nahodne].src;
  obrazky[nahodne].src = temp;
}

dufam ze poprehadzovanie sourcov staci

kire55

fuhaa tak do tohto sa nevyznam

čomu sa tam nevyznáš? Spravíš si tú maticu s obrázkami ako si písal a potom spustíš tento javascript. Ak sa má spúšťať pri každom refreshi tak ho dáš buď:
a) ako funkciu a zavoláš v evente onload pre body
b) nie ako funkciu medzi značky <script> a </script> niekde do zdrojáku (až za spomínanú maticu s obrázkami)

kire55

no asi tomu ze JS neviem

nusíš ho vedieť, stačí ti "ctrl", "v", a "c" na klávesnici. A práve preto že ho nevieš si sa tu písal a c-ice ti ho napísal. Celé to čo napísal daj medzi <script> a </script> a vlož do zdrojáku svojej stránky

kire55

nejako mi to nefachci...

c-ice · Príspevok od používateľa **c-ice** » 28 nov 2010, 0:26

mozno by si sem mohol dat subor kde ti to nefakči ... ale ak ti nefunguje to ctrl + c/v tak stym ti nebudem vediet poradit asi

kire55

praveze ten subor este len skusam...neviem ako mam dat nacitat tie obrazky...a neviem ci to mozem vsunut ten skript normalne do html stranky

c-ice · Príspevok od používateľa **c-ice** » 28 nov 2010, 0:48

lol ...

Kód: Vybrať všetko

<!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" dir="ltr" lang="sk-SK" xml:lang="sk-SK">
<head>
<script> 
function poprehadzujObrazky(){
var obrazky = document.getElementById('kopaObrazkov').getElementsByTagName('img');
for(i = 0; i < obrazky.lenght; i++){
  nahodne = Math.floor(Math.random()*obrazky.lenght);
  temp = obrazky[i].src;
  obrazky[i].src = obrazky[nahodne].src;
  obrazky[nahodne].src = temp;
}
}
</script> 
<style>
#kopaObrazkov img (float: left;)
</style>
</head>
<body onload="poprehadzujObrazky();">
<div id="kopaObrazkov">
<p><img src="bla10.jpg"/><img src="bla20.jpg"/><img src="bla30.jpg"/><img src="bla40.jpg"/></p>
<p><img src="bla11.jpg"/><img src="bla21.jpg"/><img src="bla31.jpg"/><img src="bla41.jpg"/></p>
<p><img src="bla12.jpg"/><img src="bla22.jpg"/><img src="bla32.jpg"/><img src="bla42.jpg"/></p>
<p><img src="bla13.jpg"/><img src="bla23.jpg"/><img src="bla33.jpg"/><img src="bla43.jpg"/></p>
</div>
</body>

akoze pisem narychlo po pamati takze neriesme moju syntax hadam si na tolko schopny ze si to dokazes prerobit ...

//autoeditácia príspevku (28 Nov 2010, 0:53)
alebo

Kód: Vybrať všetko

<head>

<style>
#kopaObrazkov img (float: left;)
</style>
  </head>
  <body>
    <div id="kopaObrazkov">
      <p><img src="bla10.jpg"/><img src="bla20.jpg"/><img src="bla30.jpg"/><img src="bla40.jpg"/></p>
      <p><img src="bla11.jpg"/><img src="bla21.jpg"/><img src="bla31.jpg"/><img src="bla41.jpg"/></p>
      <p><img src="bla12.jpg"/><img src="bla22.jpg"/><img src="bla32.jpg"/><img src="bla42.jpg"/></p>
      <p><img src="bla13.jpg"/><img src="bla23.jpg"/><img src="bla33.jpg"/><img src="bla43.jpg"/></p>
    </div>
      <script>
var obrazky = document.getElementById('kopaObrazkov').getElementsByTagName('img');
for(i = 0; i < obrazky.lenght; i++){
  nahodne = Math.floor(Math.random()*obrazky.lenght);
  temp = obrazky[i].src;
  obrazky[i].src = obrazky[nahodne].src;
  obrazky[nahodne].src = temp;
}
</script>
  </body>
</html>

ku tym skratka ctrl+c/v ti poradim este jednu skratku ctrl + u ... a studuj to ...

kire55

no nejako mi to stale nechce menit tu poziciu tych obrazkov...skratky mi sem nemusis pisat tie poznam

Bože c-ice ty si zlý!

Prečo mu to nepovieš ? hahahaha

povidm mu to ja za: si debil ze to nevies ani zkopirovat

kire55

skopiroval som to do zdrojaku a ked si to spustim cez dreamweaver tak obrazky pri rehresh stranky nezmenia svoju poziciu

Ale c-ice má v tom kóde chybu

, ktorú urobil asi naschvál, aby sa chlapec aj potrápil trochu.

kire55

a mozes mi tu chybu napisat???

Nie, lebo je to táka prkotina, že aj moja 6 ročná dcéra by ju vedela opraviť.
Dám ti však nápovedu: Ako sa po Anglicky povie slovo Dĺžka?

kire55

chces povedat ze len v tom slove je preklep length

Presne!

kire55

a fakt...dakujem chalani pomohli ste mi....

//autoeditácia príspevku (28 Nov 2010, 14:39)
este mam jeden dotaz....chcem na jednotlive obrazky dat odkaz na nejaku stranku...ked to ale dam tak sa mi tie odkazy s obrazkami nemenia...teda obrazky sa pohode miesaju ale tie odkazy stoja na svojich miestach

nahodna pozicia obrazkov

nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov

Re: nahodna pozicia obrazkov