FOND D'ECRAN DEFILANT 

Outils pour webmaster. Trucs et astuces en code HTML, JavaScript, PHP : améliorer son site internet

Descriptif : un fond d'écran défilant : c'est ce que réalise trés simplement ce petit script.

Exemple : sous vos yeux

Mise en oeuvre : Sélectionnez et copiez directement à l'écran le code ci-dessous et collez-le dans votre page, code HTML visible.

Juste après la balise <body>

<!-- DEBUT DU SCRIPT FOND DEFILANT 1-->
<!-- Script provenant de http://www.toulouse-renaissance.net/c_outils/ --> <script language="JavaScript">
<!-- Begin
var backgroundOffset = 0;
var bgObject = eval('document.body');
function scrollBG(maxSize) {
backgroundOffset = backgroundOffset + 1;
if (backgroundOffset > maxSize) backgroundOffset = 0;
bgObject.style.backgroundPosition = "0 " + backgroundOffset;
}
var ScrollTimer = window.setInterval("scrollBG(307)", 64);
// End -->
</script>
<!-- FIN DU SCRIPT FOND DEFILANT 1-->

Dans la balise <body>

<body background="votre_image_de_fond.jpg">

Remarque : comme tout effet visuel, ne pas en abuser.

Il se peut que ce script donne un effet "d'accroche" à l'image ou que celle-ci n'apparaisse pas immédiatement. En ce cas, choisissez le script suivant qui, en outre, fait défiler l'image de bas en haut.

Juste après la balise <body>

<!-- DEBUT DU SCRIPT FOND DEFILANT 2-->
<!-- Script provenant de http://www.toulouse-renaissance.net/c_outils/ --> <script language="JavaScript">
<!-- Begin
var avance = 0;
var bgObject = eval('document.body');
function scrollBG(maxi) {
avance = avance - 1;
if (avance > maxi) avance = 8;
bgObject.style.backgroundPosition = "0 " + avance;
}
var ScrollTimer = window.setInterval("scrollBG(100)", 32);
// End -->
</script>
<!-- FIN DU SCRIPT FOND DEFILANT 2-->

Dans la balise <body>

<body background="votre_image_de_fond.jpg">

Merci à Ange Vallecalle pour l'information.

Retour

Copyright www.toulouse-renaissance.net ©