Animation/transition javascript
Fermé
pfdp0
Messages postés
168
Date d'inscription
jeudi 22 décembre 2011
Statut
Membre
Dernière intervention
16 janvier 2018
-
28 juil. 2012 à 19:25
sebooch Messages postés 563 Date d'inscription dimanche 25 avril 2010 Statut Membre Dernière intervention 4 janvier 2014 - 11 août 2012 à 01:36
sebooch Messages postés 563 Date d'inscription dimanche 25 avril 2010 Statut Membre Dernière intervention 4 janvier 2014 - 11 août 2012 à 01:36
A voir également:
- Animation/transition javascript
- Telecharger javascript - Télécharger - Langages
- Idée animation challenge centre d'appel - Forum Loisirs / Divertissements
- Powerpoint transition automatique après animation - Forum Powerpoint
- Logiciel animation visage gratuit - Télécharger - Animation
- Animation parcours 3d gratuit - Télécharger - Transports & Cartes
5 réponses
sebooch
Messages postés
563
Date d'inscription
dimanche 25 avril 2010
Statut
Membre
Dernière intervention
4 janvier 2014
22
Modifié par sebooch le 28/07/2012 à 22:19
Modifié par sebooch le 28/07/2012 à 22:19
Lors du chargement de la page, tu testes pour savoir si le visiteur est sur ie ou autres.
En fonction du résultat, tu récupères la taille de la fenêtre du navigateur avec "window.innerHeight" ou "document.body.clientHeight" pour ie.
Ensuite, tu n'as plus qu'à faire une boucle de 0px au résultat ci-dessus.
En fonction du résultat, tu récupères la taille de la fenêtre du navigateur avec "window.innerHeight" ou "document.body.clientHeight" pour ie.
Ensuite, tu n'as plus qu'à faire une boucle de 0px au résultat ci-dessus.
sebooch
Messages postés
563
Date d'inscription
dimanche 25 avril 2010
Statut
Membre
Dernière intervention
4 janvier 2014
22
28 juil. 2012 à 22:39
28 juil. 2012 à 22:39
Par contre, remet ta div en display: block et pas de height.
Un exemple :
Ça marche avec tous et ie9, à voir pour les versions antérieures de ie.
Un exemple :
<script>
var nav_visitor = navigator.userAgent.toLowerCase();
var isIE = (nav_visitor.indexOf("msie") > -1) ? true : false; // Si c'est IE -> true sinon false
var i = 0; var hauteur = window.innerHeight; var delai = 20; // délai en millisecondes
function uptodown(){
if(i<hauteur){
i = i+10;
document.getElementById('div_en_question').style.height = i+'px';
setTimeout("uptodown()", delai);
}
}
uptodown();
</script>
Ça marche avec tous et ie9, à voir pour les versions antérieures de ie.
pfdp0
Messages postés
168
Date d'inscription
jeudi 22 décembre 2011
Statut
Membre
Dernière intervention
16 janvier 2018
12
29 juil. 2012 à 11:32
29 juil. 2012 à 11:32
n'existe t'il pas un tuto par apprendre les transitions javascript?
pfdp0
Messages postés
168
Date d'inscription
jeudi 22 décembre 2011
Statut
Membre
Dernière intervention
16 janvier 2018
12
9 août 2012 à 20:53
9 août 2012 à 20:53
en attente de réponses...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
sebooch
Messages postés
563
Date d'inscription
dimanche 25 avril 2010
Statut
Membre
Dernière intervention
4 janvier 2014
22
11 août 2012 à 01:36
11 août 2012 à 01:36
Une transition est constituée à la base d'un temporisateur et d'une incrémentation ( ou décrémentation ).
Soit tu te tournes vers JQuery, soit tu te fais une page de test.
Il y a pas mal d'exemples sur la toile, à toi de les éplucher pour comprendre leurs fonctionnements ;-)
Bonne chance et bienvenue.
Soit tu te tournes vers JQuery, soit tu te fais une page de test.
Il y a pas mal d'exemples sur la toile, à toi de les éplucher pour comprendre leurs fonctionnements ;-)
Bonne chance et bienvenue.
