Apparition en fondu avec javascript

Version imprimable

23/04/2007, 15h20
Emotion

Apparition en fondu avec javascript

Bonjour,

J'ai cherché à travers le web, (recherches yahoo etc.) et je n'ai rien trouvé qui répondait vraiment à mes attentes...

En réalité, je suis à la recherche d'un script javascript qui me permettrait de faire apparaître une div en fondue... En matière de code ça pourrait peut être se programmer en disant "on rend opaque de 3% toutes les secondes"... Mais même ça j'ai beaucoup de mal à coder.

Quelqu'un pourrait me filer un petit coup de main ? :)

Merci d'avance ;)
23/04/2007, 15h21
SpaceFrog

filter opacity pour IE
moz opacity pour FFX ...
23/04/2007, 15h27
Emotion

Lol tu dis jamais bonjour toi :roll:

Bref, c'est du css filter et moz opacity ?

ce sont des propriétés des objets accessibles par javascript ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Fading Pic</title>
</head>
 
<body>
<img id="spaffySpecial" src="lungs.gif" width=116 height=123 style="-moz-opacity:0;filter:alpha(opacity=0)">
<br/>
Opacité : <input type='text' id='result' style="width:40px;text-align:right;" />
<script>
var max = 100;
var min = 0;
var opacite=min;
up=true;
var IsIE=!!document.all;
var ThePic=document.getElementById("spaffySpecial");
 
function fadePic(){		
				if (opacite<max && up){opacite+=2;}
				if (opacite>min && !up){opacite-=2;}
				if (opacite>=max){up=false;}
				if (opacite<=min){up=true;}
 
IsIE?ThePic.filters[0].opacity=opacite:document.getElementById("spaffySpecial").style.opacity=opacite/100;
document.getElementById('result').value=opacite+"%"
}
setInterval(function(){fadePic();},100)
 
</script>
</body>
</html>

Et dire 8 648 fois bonjour ... :roll: mais bon si ça peut te faire plaisir ... Bonjour !
en gros je suis là toute la journée ...

23/04/2007, 15h34
Emotion

Oui j'ai déjà remarqué que tu devote ta vie à developpez.com ^^ En principe les modos revendiquent la politesse, c'est pour ça que jfais la remarque, moi ça m'est totalement égal ;)

Merci je vais tester ça.
23/04/2007, 15h37
SpaceFrog

il faut croire que je suis plus pragmatique que la majorité des modos ...
A choisir entre la solution à ton problème et une omission de formule de politesse dont l'étiquette veut que les plus anciens peuvent s'affanchir... que choisis tu ? ;)
23/04/2007, 15h38
Emotion

La soluce à mon problème si ya un choix à faire... Sinon je dirais les deux :)
23/04/2007, 15h41
SpaceFrog

laissons Paul et Mickey là ou ils sont ;)
23/04/2007, 15h48
Emotion

C'est quoi son fonctionnement au script que tu m'as passé ? Je n'ai pas d'apparition fondue et je ne vois pas ce que fait le input text ici ...;)
23/04/2007, 15h51
SpaceFrog

Bonjour !

tu as collé une image

le input montre juste le pourcentage d'opacité ...
21/01/2010, 11h20
barbarossa

Salut.

J'ai conçu ce petit script qui permet de réaliser des effets de fondus.
Autant qu'il profite à d'autres : http://sitesweb.abondance.free.fr/co...hp?idBillet=28
07/11/2010, 18h54
chadoum

J'ai copié ton code mais je voudrais savoir comment on peut le faire agir une seule fois au lieu de faire le fade in-out en boucle. Est=ce que qqn peut m'aider?
Merci