ANNIMATION QUI RECOUVRE L'ÉCRAN AVEC UN PNG SEMI TRANSPARENT
nicomilville
Messages postés
3472
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
-
31 août 2008 à 10:56
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 - 1 sept. 2008 à 23:16
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 - 1 sept. 2008 à 23:16
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/47817-annimation-qui-recouvre-l-ecran-avec-un-png-semi-transparent
https://codes-sources.commentcamarche.net/source/47817-annimation-qui-recouvre-l-ecran-avec-un-png-semi-transparent
1 sept. 2008 à 23:16
je trouve qu'il est inutile de mettre un script avec document.all a moins d'avoir IE 4 ce qui est tres tres rare de nos jours en plus sa alourdie beaucoup le script et ca fait du travaille pour rien.
1 sept. 2008 à 22:08
1 sept. 2008 à 15:28
Il y a une commande JS pour l'opacité ?! ;)
Tu devrais tester sous IE<7
31 août 2008 à 17:45
31 août 2008 à 14:26
Pour la taille de la page, utilise les deux fonction que je t'ai conseillé mais par contre, il faudra ajouter 20px en plus je crois...
Et dernier point, ne te laisse pas avoir, firefox et IE vont te sortir une erreur bidon si tu ne rajoute pas le px a la fin...
Exemple :
document.getElementById('element').style.height = document.body.offsetHeight; //ne marchera que sur IE
document.getElementById('element').style.height = document.body.offsetHeight+"px"; //marchera partout
Code normalement compatible tout navigateur (IE6, IE7, FF2, FF3, K-melon, safari, opéra, gecko, etc...) !
a++
Ps : de rien pour les remarques pertinantes !
31 août 2008 à 13:33
31 août 2008 à 13:01
Déja quand on est en position absolute et qu'on sroll avant de griser en bien tu vera qu'il y aura une partie griser et une autre non griser...
J'ai résolu ce problème avec offsetHeight et offsetWidth, car le 100% en position absolute ça ne grise que la partie de la page que tu vois sans scroller, essai de scroller, et tu verra de quoi je te parle...
a++
31 août 2008 à 12:56
Il y a un moyen beaucoup plus simple et moins lourd de faire ça...
La tu utilise une image (c'est lourd), je te conseille de plutot utiliser un div avec une cour d'arrière plan (noir) une opacité de 0.7 (70), bordure a 0, top a 0, left a 0, position a absolute...
Une fonction javascript qui calcul la taille de la page avec document.body.offsetHeight et document.body.offsetWidth et qui l'attribut au div...
Et voila, tu obtient le même résultat...
Après pour faire encore mieux, fait une fonction qui recalcule la taille du div quand on resize la page...
a++
31 août 2008 à 12:46
31 août 2008 à 12:38
a++
31 août 2008 à 12:34
31 août 2008 à 10:56
J'ai pas bien compris a quoi ça sert...
Ce n'est qu'un div noir a moitier transparent qui recouvre la page...
a++