---
title: "Hur fadar jag en bild ut och in? typ..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/103759-hur-fadar-jag-en-bild-ut-och-in-typ"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "richi_f"
published: "2004-05-16T22:51:40.000Z"
updated: "2004-05-18T16:29:18.000Z"
replies: 6
views: 459
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/103759-hur-fadar-jag-en-bild-ut-och-in-typ"
---

# Hur fadar jag en bild ut och in? typ...

## #1 — richi_f, 2004-05-16T22:51Z

Hej!

Jag sitter och funderar på hur jag på enklaste sätt får en bild att fadas till en ljusare nyans och sedan tillbaka till normal och sedan till en mörkare nyans än orginalet och sedan loopa detta...

Nån som har en idé? 

Jag är ingen programmeringskung, så det vore kalas om nån har en länk eller så till en sida där det finns något liknande... 

Tack på förhand!

Mvh,
Richard

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

## #2 — Broskan, 2004-05-17T06:38Z

Fade på bild

Efter en sökning här på forumet så hittade jag det här.

<http://www.webforum.nu/showthread.php?s=&forumid=24&threadid=84406&highlight=fade>

//Broskan

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

## #3 — richi_f, 2004-05-17T11:05Z

Tack!

Jättebra!

Tack tack tack!

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

## #4 — nitro2k01, 2004-05-18T11:30Z

Min variant: <http://www.webforum.nu/showthread.php?s=&postid=836245#post836245>

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

## #5 — richi_f, 2004-05-18T15:46Z

JA den var bra!

Den var också mycket bra!

Tack tack! Tack!

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

## #6 — joohn, 2004-05-18T15:54Z

```

<script>
// (C) 2003 by CodeLifter.com
// Free for all users, but leave in this header.

var SlideShowSpeed = 3000;

var CrossFadeDuration = 2;

var Picture = new Array();
var showHot = false;

Picture[1]  = 'img/00.gif';
Picture[2]  = 'img/01.jpg';
Picture[3]  = 'img/02.jpg';
Picture[4]  = 'img/03.jpg';
Picture[5]  = 'img/04.jpg';
Picture[6]  = 'img/05.jpg';
Picture[7]  = 'img/06.jpg';
Picture[8]  = 'img/07.jpg';
Picture[9]  = 'img/08.jpg';
Picture[10]  = 'img/09.jpg';
Picture[11]  = 'img/10.jpg';
Picture[12]  = 'img/11.jpg';
Picture[13]  = 'img/12.jpg';
Picture[14]  = 'img/13.gif';
Picture[15]  = 'img/13.jpg';
Picture[16]  = 'img/14.jpg';
Picture[17]  = 'img/15.jpg';
Picture[18]  = 'img/16.jpg';
Picture[19]  = 'img/17.jpg';
Picture[20]  = 'img/18.jpg';
Picture[21]  = 'img/19.jpg';
Picture[22]  = 'img/20.jpg';
Picture[23]  = 'img/21.jpg';
Picture[24]  = 'img/22.jpg';
Picture[25]  = 'img/23.jpg';
Picture[26]  = 'img/24.jpg';
Picture[27]  = 'img/25.jpg';

var tss;
var iss;
var jss = 0;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function control(how){
if (showHot){
if (how=="H") jss = 1;
if (how=="F") jss = jss + 1;
if (how=="B") jss = jss - 1;
if (jss > (pss)) jss=1;
if (jss < 1) jss = pss;
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
}}

</script>

sen bak & fram knapp

onClick="javascript:control('B');"

&

onClick="javascript:control('F');"
```

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

## #7 — nitro2k01, 2004-05-18T16:29Z

Joohn, din fadear inte bilderna i Mozilla...

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/103759-hur-fadar-jag-en-bild-ut-och-in-typ