Neregistrovaný Přihlásit Registrovat

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

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>

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