créer une transition entre pages html

Question

Bonjour, 

je cherche sur internet, mais je ne trouve pas.

Je cherche un moyen de faire une transition entre mes pages html, le genre de transition progressive.
Je précise que ma page index a une structure différente de mes autres pages, du coup je ne peux pas utiliser la méthode iframe.

Auriez vous une idée s'il vous plais ou un tuto ?

en vous remerciant !

Configuration: Mac OS X Mountain Lion  (10.8.2) / Chrome 24.0.1312.57

Waelb83 · Answer

salut 
avec les meta transition 

<meta http-equiv="Page-Enter"  content="revealTrans(duration=2, Transition=12)" />

les différents effets : https://www.tc6333.com/?att=555666/meta-transitions.asp

bg62 · Answer

genre de transition progressive.  
mais encore ???

ickyknox · Answer

bonjour
 
quand je parle de transition, je parle d'un effet en fondu progressif vers une autre page.

Waelb83, j'ai aussi pensé à ta facon, mais hélas ca ne fonctionne que pour internet explorer

bg62 · Answer

à adapter :
https://forums.commentcamarche.net/forum/affich-2593627-meta-http-equiv-refresh-variable
;)

ickyknox · Answer

super bg! merci beaucoup

je viens aussi de trouver ceci : 

$(document).ready(function() {
	
	$("body").css("display", "none");

    $("body").fadeIn(3000);
    
	$("a.transition").click(function(event){
		event.preventDefault();
		linkLocation = this.href;
		$("body").fadeOut(3000, redirectPage);		
	});
		
	function redirectPage() {
		window.location = linkLocation;
	}
	
});


qui fonctionne plutot bien.

Je vais voir laquelle des deux méthodes me conviens le plus/

Merci !

Créer une transition entre pages html

5 réponses

Votre réponse

Discussions similaires