Effet de transition entre les pages
niou
-
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je viens de trouver des effets de transition sympa pour passer de pages en pages dans un site web.
http://pagesperso-orange.fr/jean-louis.pierre/effets-de-transition.html
Bon tout sa c'est bien joli mais cela ne marche pas sous Firefox 3 (pas testé sous Firefox 2).
Quelqu'un saurait faire marcher ces transitions sous firefox svp (ou connaissez en vous d'autres) ?
Merci
Je viens de trouver des effets de transition sympa pour passer de pages en pages dans un site web.
http://pagesperso-orange.fr/jean-louis.pierre/effets-de-transition.html
Bon tout sa c'est bien joli mais cela ne marche pas sous Firefox 3 (pas testé sous Firefox 2).
Quelqu'un saurait faire marcher ces transitions sous firefox svp (ou connaissez en vous d'autres) ?
Merci
4 réponses
-
Hello à tous, pour que ces transitions fonctionnent ils faut les mettre très haut dans la pages, juste sous le title et mettre l'appel a la feuille de style apres ces META.
Comme quoi même quand le web évolue, le fait de placer au bon endroit les balises, même ancienne, ça fonctionne toujours :p
Voila merci et bon codage... -
-
Pour info, cette page date du 30 mai 2004.
Depuis, le Web a évolué et ces effets de transitions ne sont plus appliqués sur les navigateurs récents. -
Allô!
Au sujet des transitions de pages, j'ai une réponse. Ça fonctionne très bien sous Firefox et Explorer.
Dans ton fichier "js" mets ce code :
var xmlhttp;
var timerId = 0;
var op = 1;
function getPageFx()
{
url = "/Page.html";
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest()
xmlhttp.onreadystatechange=xmlhttpChange
xmlhttp.open("GET",url,true)
xmlhttp.send(null)
}
else
getPageIE();
}
function xmlhttpChange()
{
// if xmlhttp shows "loaded"
if (xmlhttp.readyState==4)
{
// if "OK"
if (xmlhttp.status==200)
{
if(timerId!=0)
window.clearTimeout(timerId);
timerId = window.setTimeout("trans();",100);
}
else
{
alert(xmlhttp.status)
}
}
}
function trans(){
op -= .1;
document.body.style.opacity = op;
if(op<.4){ window.clearTimeout(timerId); timerId = 0; document.body.style.opacity = 1; document.open(); document.write(xmlhttp.responseText); document.close(); return; }
timerId = window.setTimeout("trans();",100); } function getPageIE(){ window.location.href = "page.html"; }
ET dans ta page mets ce script :
<script src="titre que tu lui a donné.js" type="text/JavaScript" language="JavaScript">
</script>
Voilà!
saanboy40
