Créer une transition entre pages html

Fermé

Html

ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 - 1 févr. 2013 à 11:19
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 - 2 févr. 2013 à 14:52

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 !

A voir également:

Transition entre deux pages html
Un ecouteur sur deux marche ✓ - Forum Audio
Deux comptes whatsapp - Guide
Supprimer des pages sur word - Guide
Editeur html - Télécharger - HTML
Deux ecran pc - Guide

5 réponses

Réponse 1 / 5

Profil bloqué
1 févr. 2013 à 12:04

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

Réponse 3 / 5

ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 48
1 févr. 2013 à 16:30

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

Profil bloqué
1 févr. 2013 à 16:32

oui, c'est vrai , c'est un peu 1995 comme méthode..
penche toi sur jquery y a plein de facons de le faire compatible tous navigateurs..

ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 48
1 févr. 2013 à 17:49

et justement le peu de méthodes que j'ai trouvé le font lorsqu'il y a un menu sur toutes les pages.
Or dans mon index j'ai un gros diapo, le menu ne vient qu'après.

Je vais continuer à chercher, merci en tous cas

Réponse 5 / 5

ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 48
2 févr. 2013 à 12:25

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 !

bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
2 févr. 2013 à 14:52

ok ;)
fais des tests ....

Discussions similaires

HTML, effet de transition entre 2 pages

Exemple de code de réalisation d'une page d'accueil

Bandeau haut de page

[HTML]:ouvrir un onglet a parti d'un button

Création d'une index.html "Site en construction"

balise de saut de page en html

Discussions similaires

Newsletters