Transition entre deux pages par une vidéo

booster31 Messages postés 127 Statut Membre -  
animostab Messages postés 3003 Statut Membre -
Bonjour,

Je souhaiterai faire pour un site une animation/transition pour passer de l'accueil vers une autre page.
J'expose, l'idée serait d'avoir plusieurs photos sur l'accueil, en cliquant sur l'une de ces photos, arriver à la page concernée. Jusque là j'ai pas trop de problème.
Là où je bloque c'est que je voudrai une sorte de transition, qu'en cliquant sur une photo, ça agrandi la photo au centre de la page et passe en vidéo/gif/animation de quelques secondes pour ensuite arriver à la page concernée.

Si quelqu'un aurait une idée ou un exemple ça serait super !

Je me suis peut-être mal exprimé, j'ai peut être pas donné assez de détails, en tous cas s'il vous faut plus d'infos n'hésitez-pas à demander.

Merci d'avance ;)



1 réponse

Réponse 1 / 1
animostab Messages postés 3003 Statut Membre 738
 
Salut

tu peux faire ca en jquery + javascript
remplacer le contenu d'un element avec replaceWith() et déclencher la redirection au bout de 10000 millisecondes 

 $("iddivimage").click(function () {
      $(this).replaceWith("<div>code html que tu veux qui affiche l'animation</div>");
var obj = 'window.location.replace("http://www.monsite.com/page.htm");';
setTimeout(obj,10000);
    });





0