| Autor | Zpráva | ||
|---|---|---|---|
| rihot Profil |
#1 · Zasláno: 6. 5. 2010, 20:36:53
Dobrý den,
javascript vůbec neovládám, ale potřeboval bych vytvořit v javascriptu aby se po 5-ti vteřinách měnili dva obrázky. Děkuju za každou pomoc :) |
||
| Skynet-cz Profil * |
#2 · Zasláno: 7. 5. 2010, 02:15:36
Tohle by mělo být ono:
<html>
<head>
<title>Změna obrázků</title>
</head>
<body style="text-align: center; margin-top: 150px;">
<!-- url obrázků je jen informativní, změň si ho na své obrázky -->
<script type="text/javascript">
function nacasujZmenu(id,url) {
setTimeout("zmenObrazek('"+id+"','"+url+"')",5000)
}
function zmenObrazek(id,url) {
document.getElementById(id).src=url;
}
</script>
<img src="http://www.netbsd.org/images/support-icon-orange.png" id="obrazek1" onLoad="nacasujZmenu('obrazek1','http://www.bsdnexus.com/NetBSD_onastick/images/download-icon-orange.png')">
</body>
</html>
Můžeš si udělat víc takovýchto obrázků. Stačí, když bude mít každý obrázek jiný id a v části onLoad změníš první parametr z obrazek1 na totožný s daným id. Druhý parametr je pak odkaz na obrázek, který má naběhnout po pěti vteřinách. Pět vteřin můžeš pozměnit zaměněním hodnoty 5000 ve scriptu. |
||
| rihot Profil |
#3 · Zasláno: 7. 5. 2010, 17:10:35
díky, ale já jsem myslel aby se stále dokola opakovali ne jenom jednou ;) děkuji
|
||
| Mar Profil |
#4 · Zasláno: 8. 5. 2010, 07:30:52
příště zkus tlačítko hledat, už jsem to tu jednou psal....
http://diskuse.jakpsatweb.cz/?action=vthread&forum=3&topic=109858&page=-1 |
||
|
Časová prodleva: 4 dny
|
|||
| rihot Profil |
#5 · Zasláno: 11. 5. 2010, 21:24:28
zdá se mi to moc složité a když jsem to udělal tak to nefungovalo :(, a nechtěl bych žádnou prezentaci jenom prostě aby se ty obrázky vyměnili :)
|
||
|
Časová prodleva: 5 dní
|
|||
| Witiko Profil |
#6 · Zasláno: 16. 5. 2010, 18:44:57 · Upravil/a: Witiko
Zcela primitivní script:
<img src="obrázek.jpg" onload="var index = 1;window.setInterval(function(){if(index == 0) {this.src = 'první url'; index = 1;} else {this.src = 'druhé url'; index = 0;}},5000);"> |
||
| Chamurappi Profil |
#7 · Zasláno: 16. 5. 2010, 19:13:12
Reaguji na Witika:
Řekl bych, že jsi zapomněl na fakt, že jakmile se načte změněný obrázek, vyvolá se událost onload znovu.
A také mám tušení, že v načasované funkci nebude správné this.
|
||
| Witiko Profil |
#8 · Zasláno: 16. 5. 2010, 19:22:26 · Upravil/a: Witiko
Pravda, tak to trochu povzneseme celkově:
<script type = "text/javascript">
/* Obrázků lze vložit libovolný počet */
var images = ["url1","url2"]
var interval = 5000
onload = init
function init() {
var element = document.getElementById("image")
var index = 0
window.setInterval(function(){
if(index == images.length-1) index = 0
else index++
element.src = images[index]
},interval)
}
</script>
...
<img id="image" src="url1"> |
||
|
Časová prodleva: 14 let
|
|||
0