Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno JS doplnění o přechod

Dobrý den,
mám javascript na střídání pozadí webu. Přepnutí obrázku je ale rychlé a není tam žádná animace.
Nechci, aby to bylo tak ostré a rád bych jej doplnil o nějaký 5s plynulý přechod. Díky.

// Stridani obrazku na pozadi
var bgslides=new Array()
bgslides[0]="/cesta/1.jpg"
bgslides[1]="/cesta/2.jpg"
bgslides[2]="/cesta/3.jpg"
var speed=9000
var processed=new Array()
for (i=0;i<bgslides.length;i++){
processed[i]=new Image()
processed[i].src=bgslides[i]
}
var inc=-1
function slideback(){
if (inc<bgslides.length-1)
inc++
else
inc=0
document.body.background=processed[inc].src
}
if (document.all||document.getElementById)
window.onload=new Function('setInterval("slideback()",speed)')

	function polozka(obj,w) {
		if (w == 1) obj.className = 'list-info';
		else obj.className = 'list-info-off';
	}
Předmět Autor Datum
Dodělej si to k obrazu svému: <html> <head> <title>New document</title> </head> <body> <script>…
Flash_Gordon 16.05.2010 20:19
Flash_Gordon
Asi si tak úplně nerozumíme. Já potřebuji přechod mezi dvěma obrázky, tzn aby obrázky jen nepřebliká…
DuCk 16.05.2010 20:27
DuCk
Uvedený princip využívají tzv. lightboxy pro přechody obrázků (je tam aplikovaný timer).
Flash_Gordon 16.05.2010 21:28
Flash_Gordon
Mají to na stránkách naší školy, odkaz. Zdrojový kód už vyčteš.
dan55 16.05.2010 21:28
dan55
díky poslední
DuCk 16.05.2010 21:32
DuCk

Dodělej si to k obrazu svému:

<html>
<head>
<title>New document</title>

</head>

<body>

<script>

function lightup(imageobject, opacity){

if (navigator.appName.indexOf("Netscape")!=-1&&parseI nt(navigator.appVersion)>=5)

imageobject.style.MozOpacity=opacity/100

else if (navigator.appName.indexOf("Microsoft")!=-1&&parse Int(navigator.appVersion)>=4)

imageobject.filters.alpha.opacity=opacity

}

</script>

<img src="user--1845926672.jpg" style="filter:alpha(opacity=50); -moz-opacity:0.5"

onMouseover="lightup(this, 10)" onMouseout="lightup(this, 100)">

</body>
</html>

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