webForumDet fria alternativet

"Fade:a" fram bilder på hemsidan?

Design & grafik

5 svar · 364 visningar · startad av xtreme

Medlem sedan juli 20002 056 inlägg
Frågan#1

Hur gör man om man vill att bilderna på ens hemsida inte ska laddas uppeifrån och ner utan i stället fade:as fram, dvs man ser bilden otydlig i början men blir tydligare och tydligare ju mer sidan laddas??

Har bland annata tillgång till Dreamweaver MX och PhotoShop 7

Medlem sedan dec. 19998 277 inlägg
#2

Har du tillgång till flash så skulle ja säga att det var det bästa alternativet.

Medlem sedan feb. 20022 594 inlägg
#3

Kanske kan gå att göra med JavaScript eller DHTML. Eller, jag tycker det vore riktigt konstigt om det inte gick i något av dessa två språk.

Medlem sedan juni 2001370 inlägg
#4

Det borde kunna gå med PhotoShop, det går i alla fall göra i Paint Shop Pro. File -> Save -> Options -> Progressive Encoding .

Medlem sedan dec. 19996 588 inlägg
#5

Klicka i "Progressive" i rutan när du sparar för webben.

Medlem sedan aug. 2000359 inlägg
#6

Mha lite DHTML så funkar det både i Gecko-baserade browsers och IE 4+:

count = 0
function fade() 
{
	if(count < 99)
  	{
		count++
		if(navigator.userAgent.indexOf('Gecko') != -1) 
		{ 
			document.getElementById("bild_som_ska_fejdas").style.MozOpacity = (count/100)
		}
		else if(document.all) 
		{ 
			bild_som_ska_fejdas.filters.alpha.opacity = count 
		}
		setTimeout("fade()",40)
	}
}

<img id="bild_som_ska_fejdas" style="-moz-opacity:0.01; filter: alpha(opacity=1)" src="bilder/bilden.png">
259 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)