---
title: "\"Fade:a\" fram bilder på hemsidan?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/design-grafik/48762-fade-a-fram-bilder-på-hemsidan"
topic: "Design & grafik"
topic_url: "https://www.webforum.nu/amne/design-grafik"
author: "xtreme"
published: "2002-07-26T11:14:53.000Z"
updated: "2002-08-06T09:20:55.000Z"
replies: 5
views: 384
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/design-grafik/48762-fade-a-fram-bilder-på-hemsidan"
---

# "Fade:a" fram bilder på hemsidan?

## #1 — xtreme, 2002-07-26T11:14Z

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

Permalänk: https://www.webforum.nu/p/48762

## #2 — Tengblad, 2002-07-26T11:17Z

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

Permalänk: https://www.webforum.nu/p/730890

## #3 — Ekström, 2002-07-26T11:20Z

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.

Permalänk: https://www.webforum.nu/p/730893

## #4 — puhbjörn, 2002-07-26T11:26Z

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

Permalänk: https://www.webforum.nu/p/730896

## #5 — CyberPet, 2002-07-27T13:39Z

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

Permalänk: https://www.webforum.nu/p/731635

## #6 — higa, 2002-08-06T09:20Z

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">
```

Permalänk: https://www.webforum.nu/p/744534

---

Tråden på webben: https://www.webforum.nu/amne/design-grafik/48762-fade-a-fram-bilder-på-hemsidan