Position image filtre revealtrans

**lotus77777** · 21/11/2008, 02h44

Bonjour
J'ai trouvé ce code javascript pour faire apparaitre mon image avec un effet d'ouverture en cercle grace au filtre "reveltrans"
Le script fonctionne mais je ne sais pas ou je dois mettre le code pour choisir la position de l'image dans la feuille que je voudrais mettre au centre
Je pense peut etre dans la balise div? mais cela ne fonctionne pas
Merci
Eve

Voici le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
34
35
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<style>
(Duration=1.5,Transition=3);width:500;height:360;}
</style>
 
 
</head>
 
<body bgcolor="#0622A3">
<!-- Affichage de l'image avec transition  -->
<div id="transition"></div><script language="javascript1.2">
 
image='<p><IMG SRC="couleur_meyro.gif" HEIGHT=360 WIDTH=500></p>'
if(document.all){                                                                   
function fadein(){
transition.filters.revealTrans.apply()
transition.innerHTML=image
transition.filters.revealTrans.play()
}
function regenerate(){
window.location.reload()
}
window.onload=fadein
window.onresize=regenerate
}
else
document.write(image);
</script>
 
</body>
</html>

**lotus77777** · 21/11/2008, 11h47

Oupps sorry le code précédent ne fonctionne pas
Voici le code qui fonctionne, et j'ai rajouté la balise center pour centrer c'est deja mieux mais je voudrais savoir si c'est possible de positionner l'image comme on veut
et ou mettre la balise style et la syntaxe du positionnement
Merci

Voici le nouveau code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
34
35
36
37
38
39
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script LANGUAGE="JavaScript">
<!-- Debut du script
function netie(net, ie) {
  if ((navigator.appVersion.substring(0,3) >= net && navigator.appName == 'Netscape' && net != -1) || (navigator.appVersion.substring(0,3) >= ie && navigator.appName.substring(0,9) == 'Microsoft' && ie != -1))
    return true;
else return false;
}
//  Fin du script -->
</script>
<script LANGUAGE="JavaScript">
<!-- Debut du script
function loadImage()  {
  imageEffect.filters.item(0).Apply();
  imageEffect.style.visibility = "visible";
  imageEffect.filters.item(0).Play();
}
//  Fin du script -->
</script>
 
</head>
 
<body bgcolor="0622A3">
<body onLoad="netie(-1,4)?loadImage():null">
<center>
<div id="imageEffect"
STYLE="position:relative;height:360; width:500; background-color:none; filter:revealTrans(Duration=3, Transition=3); visibility:hidden"> 
  <dd><img SRC="mon_image.gif"
  STYLE= width="500" height="360"> 
  </dd>
</div>
 
</center>
</body>
</html>

Position image filtre revealtrans

JavaScript

Discussions similaires

Partager

Partager