|
• Des SCRIPTS gratuits, expliqués et personnalisables. |
Cliquez sur "download" pour télécharger le kit nécessaire
Compatible IE et NS (v4.75: oui; v6: non).
1/ Ajouter entre les balises <HEAD> et </HEAD>:
<script language="javascript">
<!--
var isNS = (navigator.appName == "Netscape");
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';
function startme(){
//position de départ horizontale vlayer2.left = 680;
//position de départ verticale
layer2.top = 380;
showObject(layer2);
//position de départ horizontale, position d'arrivée horizontale, position de départ verticale, position d'arrivée verticale
slidel2(680,10,380,10);
}
function slidel2(from,to,from1,to1) {
if (from > to) {
layer2.left = (from -= 7);
}
if (from1 > to1) {
layer2.top = (from1 -= 4);
}
if ((from > to) || (from1 > to1)){
setTimeout('slidel2(' + from + ',' + to + ',' + from1 +',' + to1 + ')', 25);
}
}
function showObject(object) {
object.visibility = VISIBLE;
}
function hideObject(object) {
object.visibility = HIDDEN;
}
//-->
</script>
<style type="text/css">
<!--
.image {position:absolute; z-index:1; visibility:hidden}
-->
</style>
Personnaliser: au début du script ; la position de départ horizontale, la position de départ verticale, la position d'arrivée horizontale et la position d'arrivée verticale de l'image.
2/ Ajouter juste après la balise body:
Précisez le nom de l'image à afficher, ses dimensions (width et height).
<div id="layer2" class="image">
<img src="image.gif" width=xxx height=yyy>
</div>
<script language="javascript">
var layer2 = (isNS) ? document.layer2 : document.all.layer2.style;
</script>
3/ Inscrire dans la balise body:
<BODY onload ="startme()">