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

6 svar · 447 visningar · startad av richi_f 16 maj 2004

richi_fMedlem sedan apr. 2004206 inlägg

Frågan16 maj 2004 22:51#1

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

BroskanMedlem sedan mars 2000126 inlägg

17 maj 2004 06:38#2

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

richi_fMedlem sedan apr. 2004206 inlägg

17 maj 2004 11:05#3

Tack!

Jättebra!

Tack tack tack!

nitro2k01Medlem sedan aug. 20039 340 inlägg

18 maj 2004 11:30#4

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

richi_fMedlem sedan apr. 2004206 inlägg

18 maj 2004 15:46#5

JA den var bra!

Den var också mycket bra!

Tack tack! Tack!

joohnMedlem sedan jan. 200463 inlägg

18 maj 2004 15:54#6


<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');"

nitro2k01Medlem sedan aug. 20039 340 inlägg

18 maj 2004 16:29#7

Joohn, din fadear inte bilderna i Mozilla...