Effet de transition entre les pages
niou
-
avion-f16 Messages postés 19254 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19254 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
A voir également:
- Effet de transition entre les pages
- Effet miroir word - Guide
- Impossible de supprimer une page word - Guide
- Comment numeroter les pages word - Guide
- Comment numéroter les pages sur powerpoint - Guide
- Comment restaurer les pages google - Guide
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...
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.
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
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
Je pense que ça ne fonctionne sur IE, et encore, je n'en suis pas sûr pour les dernières versions.