Positionnement par rapport à l'écran
Tiish
Messages postés
2
Date d'inscription
lundi 9 mai 2005
Statut
Membre
Dernière intervention
10 mai 2005
-
9 mai 2005 à 15:14
Tiish Messages postés 2 Date d'inscription lundi 9 mai 2005 Statut Membre Dernière intervention 10 mai 2005 - 10 mai 2005 à 13:31
Tiish Messages postés 2 Date d'inscription lundi 9 mai 2005 Statut Membre Dernière intervention 10 mai 2005 - 10 mai 2005 à 13:31
4 réponses
chimelpremier
Messages postés
544
Date d'inscription
vendredi 5 décembre 2003
Statut
Membre
Dernière intervention
20 mai 2005
9 mai 2005 à 22:50
9 mai 2005 à 22:50
D'abord, ton code date de ie4 et du defunt NS4, il faut te mettre au gout du
jour. Je pense que tu veux ton image au milieu de la fenêtre du navigateur
Maintenant, il y a les syntaxes ie et gecko
gk=window.Event?1:0
db=!document.documentElement.clientWidth?document.body:document.documentElement //quirk IE6
récupérer les dimentions de la fenêtre et des ascenceurs:
fx=gk?innerWidth-20:db.clientWidth //l fenêtre
fy=gk?innerHeight:db.clientHeight //h fenêtre
sy=gk?pageYOffset:db.scrollTop; //scroll v
with(document.getElementById('imgcontainer').style){
left=(fx-504)/2+"px";top=sy-13+(fy-308)/2+"px";
}
jour. Je pense que tu veux ton image au milieu de la fenêtre du navigateur
Maintenant, il y a les syntaxes ie et gecko
gk=window.Event?1:0
db=!document.documentElement.clientWidth?document.body:document.documentElement //quirk IE6
récupérer les dimentions de la fenêtre et des ascenceurs:
fx=gk?innerWidth-20:db.clientWidth //l fenêtre
fy=gk?innerHeight:db.clientHeight //h fenêtre
sy=gk?pageYOffset:db.scrollTop; //scroll v
with(document.getElementById('imgcontainer').style){
left=(fx-504)/2+"px";top=sy-13+(fy-308)/2+"px";
}
GhislainLavoie
Messages postés
289
Date d'inscription
vendredi 11 mars 2005
Statut
Membre
Dernière intervention
3 avril 2008
3
10 mai 2005 à 03:00
10 mai 2005 à 03:00
Salut!
Je te propose plutôt une solution encore plus au gout du jour les CSS. Pas de javascript donc compatible presque partout et dynamique lors de changement de taille car la position est explimé en %.
<html>
<head>
<title>Untitled</title>
<STYLE type="text/css">
#imageCentree {
position:absolute;
width:504px;
height:308px;
margin-top:-154px; /* 50% de la hauteur */
margin-left:-252px; /* 50% de la largeur */
top:50%;
left:50%;
}
}
</STYLE>
</head>
"imageCentree">
</html>
A+, Ghislain
Je te propose plutôt une solution encore plus au gout du jour les CSS. Pas de javascript donc compatible presque partout et dynamique lors de changement de taille car la position est explimé en %.
<html>
<head>
<title>Untitled</title>
<STYLE type="text/css">
#imageCentree {
position:absolute;
width:504px;
height:308px;
margin-top:-154px; /* 50% de la hauteur */
margin-left:-252px; /* 50% de la largeur */
top:50%;
left:50%;
}
}
</STYLE>
</head>
"imageCentree">
</html>
A+, Ghislain
chimelpremier
Messages postés
544
Date d'inscription
vendredi 5 décembre 2003
Statut
Membre
Dernière intervention
20 mai 2005
10 mai 2005 à 09:20
10 mai 2005 à 09:20
Ok, Ghislain, c'est effectivement mieux, mais dans mon script, j'avais
prévu de centrer même avec un ascenceur. Dans ce cas, il suffit de
mettre la position:fixed qui ne fonctionne sur IE qu'en arrière plan
a+, Michel
prévu de centrer même avec un ascenceur. Dans ce cas, il suffit de
mettre la position:fixed qui ne fonctionne sur IE qu'en arrière plan
a+, Michel
Tiish
Messages postés
2
Date d'inscription
lundi 9 mai 2005
Statut
Membre
Dernière intervention
10 mai 2005
10 mai 2005 à 13:31
10 mai 2005 à 13:31
Oula doucement parce que là, je suis tellement mauvais que je ne sais même pas où je dois intégrer les codes que vous me donnez.
Et attention j'aimerais maintenir l'apparition de l'image avec effet aggrandissant qui s'arrête lorsque l'image est au centre du navigateur. Je ne sais pas si vos propositions me le permettent. Avec la solution de Ghislain, j'ai l'impression que je perds l'effet voulu, tandis que ta solution, Michel, je ne sais pas quoi en faire. Je ne sais pas entre quelles balises je dois placer ce code ou bien dois-je le placer dans le script? Bref, j'ai pas trop compris.
Alors ce que je veux bien c'est que vous fassiez un copier coller du script avec les corrections qu'il faut y apporter ou alors si vous avez une solution meilleure, par exemple un autre script qui produit le même effet, j'y suis également ouvert. Merci pour la peine que vous vous donnez à répondre à un débutant comme moi.
Ciao,
Tanguy
Et attention j'aimerais maintenir l'apparition de l'image avec effet aggrandissant qui s'arrête lorsque l'image est au centre du navigateur. Je ne sais pas si vos propositions me le permettent. Avec la solution de Ghislain, j'ai l'impression que je perds l'effet voulu, tandis que ta solution, Michel, je ne sais pas quoi en faire. Je ne sais pas entre quelles balises je dois placer ce code ou bien dois-je le placer dans le script? Bref, j'ai pas trop compris.
Alors ce que je veux bien c'est que vous fassiez un copier coller du script avec les corrections qu'il faut y apporter ou alors si vous avez une solution meilleure, par exemple un autre script qui produit le même effet, j'y suis également ouvert. Merci pour la peine que vous vous donnez à répondre à un débutant comme moi.
Ciao,
Tanguy
