jak udělat měnící se obrázky na webu?

Ahoj, potřeboval bych nba webu vytvořit nějakým způsobem obrázky, které se po čase změní na další, jednalo by se cca o 4 obrázky, které by se měly měnit, jde to udělat v css? Php bych nechtěl. Slyšel jsem, že by to šlo javou nebo flashem, prosím o nějakou radu, případně návod, moc děkuju

Předmět	Autor	Datum
Javascriptem. viz Google: javascript image rotator host 17.06.2012 15:55	host	17.06.2012 15:55
mrknu na to, děkuju, našel jsem vše v angličtině, žádné začátky jak to krok po kroku udělat. johny-d 17.06.2012 15:58	johny-d	17.06.2012 15:58
Funkční příklad, stačí doplnit obrázky a cesty: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi… IQ37 17.06.2012 17:15	IQ37	17.06.2012 17:15
Děkuji už jsem se s tím popasoval. Funguje to na 1 johny-d 17.06.2012 19:18	johny-d	17.06.2012 19:18
Ahoj, ráda bych se zeptala, jak se vytváří cesty k obrázkům. Díky moc! Pralina 22.08.2014 10:11	Pralina	22.08.2014 10:11
Cesty k obrázkům se nevytváří. Obrázek prostě nějakou cestu má. Nechceš se rozepsat o tom, co vlastn… Wikan 22.08.2014 10:24	Wikan	22.08.2014 10:24
Jste borci :) pomohlo mi to i po třech letech od vašeho vystavení děkuji. poslední Zodi 29.04.2015 10:46	Zodi	29.04.2015 10:46
Google ti najde ukázky a zdrojový kód. Stačí zkopírovat, vložit na svůj web, upravit cesty k obrázků… host 17.06.2012 17:25	host	17.06.2012 17:25

Javascriptem.

viz Google: javascript image rotator

mrknu na to, děkuju, našel jsem vše v angličtině, žádné začátky jak to krok po kroku udělat.

Funkční příklad, stačí doplnit obrázky a cesty:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rotace obrázků</title>
<script type="text/javascript" language="javascript">
<!--
doba=5000
pocet = 4
rotator=0
obrsrc = new Array(pocet)
cesta =new Array(pocet)
obrsrc[0]="rotator_soubory/img1.gif"; cesta[0]="www.cosi.cz/?stranka=detailclanku& id=266";
obrsrc[1]="rotator_soubory/img2.jpg"; cesta[1]="www.cosi.cz/?stranka=detailclanku& id=266";
obrsrc[2]="rotator_soubory/img3.jpg"; cesta[2]="www.cosi.cz/?stranka=detailclanku& id=266";
obrsrc[3]="rotator_soubory/img4.png"; cesta[3]="www.cosi.cz/?stranka=detailclanku& id=266";
obr = new Array(pocet);
for (i=0; i < pocet; i++){
obr[i]= new Image();
obr[i].src= obrsrc[i]
}
function rotate() {
if (rotator==pocet) {rotator=0;}
document.images["obraz"].src = obrsrc[rotator];
rotator = rotator + 1
window.setTimeout('rotate();',doba);
}
function poslat() {
window.location=cesta[rotator-1];
return false;
}
//--></script>
</head>

<body onload="rotate();">

<a href="/rotator_soubory/moskva.jpg" onclick="return poslat();">
<img name="obraz" src="rotator_soubory/moskva.jpg" alt="" width="570" height="260" /></a>

</body>

</html>

Děkuji už jsem se s tím popasoval. Funguje to na 1

Ahoj, ráda bych se zeptala, jak se vytváří cesty k obrázkům. Díky moc!

Cesty k obrázkům se nevytváří. Obrázek prostě nějakou cestu má. Nechceš se rozepsat o tom, co vlastně chceš?

Jste borci :) pomohlo mi to i po třech letech od vašeho vystavení děkuji.

Google ti najde ukázky a zdrojový kód. Stačí zkopírovat, vložit na svůj web, upravit cesty k obrázkům, nahrát obrázky a je to hotové. Zdrojový kód ale bude v angličtině, s tím se budeš muset smířit.

Jedno z mnoha řešení:
cycle

Zpět do poradny Odpovědět na původní otázku Nahoru