Autor Zpráva
7czech777
Profil *
Ahoj mám menší problém a nemůžu přijít na řešení, Do závěrečné práce máme mimo jiné udělat i stopky s vlastními obrázky. Rozhodl jsem se použít html kód hrací kostky jen mám problém se změnou obrázku, protože se mění náhodně "

 function akce()   { x=Math.floor((Math.random()*10)+1); 
                      document.getElementById("kostka").style.background="url(\"k"+x+".png\")"; } 
"

Nemůžu však přijít na to jak zvolit změnu obrázku posobějdoucí a jelikož moc času nezbývá abych se tímto problémem zabýval více prosím vás o pomoc. Stačí přepsat víše uvedenou funkci. Předem děkuji za pomoc.

Zde přikládám i HTML kód:

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  
  <style type="text/css">
   body {background:black;}
   #str {width:500;margin-left:38%;margin-top:100px;background:green;}
   #hl {width:500px; margin:0px auto; background:green; border-radius:10px;}
   #tlac {width:268px;height:40px;border:yellow solid 6px;padding-left:220px;padding-top:10px;text-align:center;}
   h2 {text-align:center;text-shadow: 10px 10px 5px yellow;font:bold 350% sans-serif;color:red;}
   #kostka {width:220px;height:220px;background:url("k1.png");margin: 0px auto;}
   #tl1 {display:block}
  #tl2 {display:none}
   
  </style>
  </head>
  <body>
  <script language="javascript">
  
  function zacatek1() { cas=window.setInterval("akce()",500);
  document.getElementById("tl2").style.display="block";
document.getElementById("tl1").style.display="none";
}
  function konec1()  { clearTimeout(cas);
  document.getElementById("tl1").style.display="block"
document.getElementById("tl2").style.display="none"}

  function akce()   { x=Math.floor((Math.random()*10)+1); 
                      document.getElementById("kostka").style.background="url(\"k"+x+".png\")"; } 
  
  </script>
  <DIV id="str">
  <div id="hl">
   <h2> Hraci kostka</h2>
  <div id="kostka">  
  </div>
  <div id="tlac">
  <input type="button" value="  HOĎ  " onclick="zacatek1()" id="tl1">
  <input type="button" value="STOP" onclick="konec1()" id="tl2">
  </div>  
</div>
     </DIV>
  </body>
</html>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0