Autor | Zpráva | ||
---|---|---|---|
karel506 Profil |
#1 · Zasláno: 28. 4. 2010, 10:32:31
Na webové stránce mám obrázek. Líbilo by se mi, kdyby tento obrázek se při každém načtení změnil (z nějaké sady obrázků). Nejsme zběhlý programátor, a netuším, zda to lze provést v javascriptu nebo snad v css.
|
||
Filip Bartoš Profil |
#2 · Zasláno: 28. 4. 2010, 11:42:45
Pro inspiraci například:
<script type="text/javascript"> var imagesArr = new Array("image0001.jpg","image0002.jpg"); var imageNo = Math.floor(Math.random()*imagesArr.length); alert(imagesArr[imageNo]); //zmenit cestu v html </script> Doporučuji nechat v layoutu jeden obrázek na stálo a měnit v JS jen cestu na jiný. Vyhneš se tim problému když by někdo měl vypnuté JS. Do tohoto příkladu se sada vepíše ručně, další možností je vygenerovat sadu třeba z nějaké složky pomocí PHP. |
||
karel506 Profil |
#3 · Zasláno: 29. 4. 2010, 11:39:41
Děkuji za pomoc, jen mi nedochází jak z toho hlášení alert dostanu obrázek do kódu stránky místo původní značky img.
|
||
__construct Profil |
#4 · Zasláno: 29. 4. 2010, 12:52:14
potom dáš napr.
obrazok = document.getElementById('obrazok1'); obrazok.href = "cesta/k/obrazku/" + imagesArr[imageNo]; |
||
karel506 Profil |
#5 · Zasláno: 30. 4. 2010, 11:58:47
Děkuji za pomoc, vše se podařilo. Výsledný kód stránky vypadá takto:
<div align="left"> <img src="zmena/foto09.gif" width="488" height="366" name="zmena" /> <script type="text/javascript"> var imagesArr = new Array("foto01.gif","foto02.gif","foto03.gif","foto04.gif","foto05.gif","foto06.gif","foto07.gif","foto08.gif","foto09.gif"); var imageNo = Math.floor(Math.random()*imagesArr.length); var obrazek = "zmena/" + imagesArr[imageNo]; if(document.getElementById){ document.images["zmena"].src = obrazek; } </script> </div> a celek si můžete prohlédnout na http://maszskt.investtel.cz |
||
__construct Profil |
#6 · Zasláno: 30. 4. 2010, 12:19:14
Nechápem prečo tam máš túto podmienku
if(document.getElementById) |
||
Časová prodleva: 14 let
|
0