---
title: "Fade mellan två bilder."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/147895-fade-mellan-två-bilder"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Hulth"
published: "2006-06-09T21:20:19.000Z"
updated: "2006-06-10T08:15:14.000Z"
replies: 6
views: 529
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/javascript/147895-fade-mellan-två-bilder"
---

# Fade mellan två bilder.

## #1 — Hulth, 2006-06-09T21:20Z

Hej!

Om vi säger att jag har två bilder, och vill fada mellan dessa på detta sätt:

ingen påverkan: bild 1
onmouseover: fade till bild 2
onmouseout: fade tillbaka till bild 1

hela fade-sekvensen kanske ska ta 2 sekunder.

Några ideér, tips, förslag, kodexempel? Är helt grön på javascript när det gäller sånthär men jag tror det ska vara lösbart.

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

## #2 — oskars, 2006-06-09T21:37Z

Testa detta!

<http://www.jsmadeeasy.com/javascripts/Navigation/Fading%20Rollover/index.htm>

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

## #3 — Hulth, 2006-06-09T22:44Z

Verkar schysst, men jag tänkte jag kunde slippa sitta och göra 10 bilder för varje bild :p

Tack dock

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

## #4 — oskars, 2006-06-10T06:58Z

det måste du väl inte?

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

## #5 — Hulth, 2006-06-10T07:49Z

> Uses OnMouseOver and OnMouseOut events with **a series of images** to create a fade effect.

Han har 6st bilder i sitt exempel där, dock vill jag att min fade ska vara mycket mjukare än hans, och då måste jag göra fler bilder :p

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

## #6 — oskars, 2006-06-10T08:07Z

åfan, sök på www.google.se! Det gjorde jag. Det kommer gå snabbare!

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

## #7 — bwcMikke, 2006-06-10T08:15Z

Får du ut något av detta script som jag hittat på nätet och modifierat något?
Är väl inte exakt det du efterfrågade men det kanske kan ge ideér

<http://demo.byskewebcenter.se/fade/>

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/147895-fade-mellan-två-bilder