OVH Cloud OVH Cloud

une popup à la mode weborama

1 réponse
Avatar
David
Bonjour,

Je suis à la recherche d'un script faisant apparaître un popup comme
celui de weborama lorsque vous avez un antipopup (image apparaissant de
gauche à droite, puis disparaissant dans le sens inverse après x
secondes)

Quelqu'un connaît-il ?

un grand merci d'avance ;-)

1 réponse

Avatar
ASM

Je suis à la recherche d'un script faisant apparaître un popup comme
celui de weborama lorsque vous avez un antipopup (image apparaissant de
gauche à droite, puis disparaissant dans le sens inverse après x
secondes)


assez facile :

tu mets ton image dans un div (ou calque)
tout à la fin de la page

tu mets un style pour placer le div et lui donne un id
(largeur du div = largeur de l'image)

<div id="popup"
style="position:absolute;top:0px;left:0px;width:200px;}">
<img src="truc.gif" width 0
onload="setTimeout('glisse()',50);">
</div>

et un JS pour faire glisser l'image

<script type="text/javascript"><!--

/* ------- réglages ------- */
temp_arret = 1; // en secondes
largeur_image = 200; // ou longueur déplacement

/* ------ rien modifier ----- */
iPop = -1*largeur_image;
sens = -1;
if(document.getElementById)
popImg = document.getElementById('popup').style;
else
if(document.layers)
popImg = document.layers['popup'];
function glisse() {
if(iPop==0 || iPop==(-1*largeur_image)) sens = sens*(-1);
iPop = (iPop+1*sens)*1;
popImg.left = iPop;
if(iPop>=0 || iPop<=(-1*largeur_image))
setTimeout('glisse()',temp_arret*1000);
else
setTimeout('glisse()',50);
}
// --></script>

et pour que çà ne fasse qu'un aller et un retour :
modifier la fin de glisse() comme suit :

if(iPop>=0)
setTimeout('glisse()',temp_arret*1000);
else
if(iPop>(-1*largeur_image) && iPop<=0)
setTimeout('glisse()',50);