Autor Zpráva
Eja
Profil *
Ahoj!
Mám script:

  <script>
  function obrazek()
  {
  document.getElementById('obrazek').src="img/cau.jpg";
  }
  </script>

a v body:
<img id="obrazek" src="img/ahoj.jpg">

<input type="button" onclick="obrazek()" value="Další obrázek">

A chtěla bych, aby mi to měnilo více obrázků, ne jen jeden. Ale když to udělám takto: document.getElementById('obrazek').src="img/cau.jpg, img/nazdar.jpg"; , tak to nejde, co s tím? Jak tam mohu přidat více src obrázků (myslím to, tak, že vždy když kliknu na tlačítko Další obrázek, tak mi to vyhodí jiný obrázek, ne jen pořád dokola ty dva)?

Děkuji moc!

Zkoušela jsem hledat, ale nic jsem nenašla.
Taps
Profil
Eja
zkus
<script type="text/javascript">
    function obrazek() {
      var myImages1 = new Array ();
      myImages1[1] = "img/who/1.jpg";
      myImages1[2] = "img/who/2.jpg";
      myImages1[3] = "img/who/3.jpg";
      var rnd = Math.floor( Math.random() * myImages1.length );
      if( rnd == 0 ) {
        rnd =1;
      }
      html_code = '<img class="who" src="' + myImages1[rnd] + '" />';
      document.write(html_code);
    }
</script>
Převzato z http://stackoverflow.com/questions/17933158/javascript-random-image-on-click-button?answertab=active#tab-top
Kubo2
Profil
Eja:
Ale když to udělám takto: document.getElementById('obrazek').src="img/cau.jpg, img/nazdar.jpg"; , tak to nejde, co s tím?
Nejde to s pochopiteľných dôvodov:
Do setteru HTMLImgElement.src sa má odovzdať platná url či uri existujúceho obrázku, čo v tvojom prípade zrejme nie je (prehliadač si požiada server o obrázok majúci url http://www.example.com/img/cau.jpg,%20img/nazdar.jpg).

Taps:
zkus
Neber si to osobne, ale kód čo si poslal sa dá napísať aj krajšie:
<script type="text/javascript">
function obrazek() {
  var imgs = ["img/who/1.jpg", "img/who/2.jpg", "img/who/3.jpg"];
  // alebo: var imgs = new Array("img/who/1.jpg", "img/who/2.jpg", "img/who/3.jpg");
  document.getElementById("obrazek").src = imgs[Math.floor(Math.random()*imgs.length)];
}
</script>
<div>
  <img src="img/who/default.jpg" id="obrazek">
</div>
Eja
Profil *
Děkuji moc! :-)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: