Une
Popup qui entre dans la page en glissant
Cette
fausse
Popup apparaît en glissant sur la gauche de la page
et repart toute seule ou fermée par le visiteur
et revient au bout d'un temps donné.
La
taille de la Popup s'adapte automatiquement à votre image.
Testé avec IE Netscape7 Firefox
Insérez
le code ci-dessous dans l'entête de votre page (entre
les balises<head> ... </head>) et
corrigez le comme suit :
<script language="JavaScript">
<!--
//PLF- /
var cheminImage = "monimage.gif";
//image
var lienpopup = "";
monImage = new Image;
monImage.src = cheminImage;
var taillebg = monImage.width //largeur popup
var invtaillebg = (-taillebg)
taillebg = taillebg +5
var position_x = invtaillebg
var fermeture=0
var position_y = (screen.height-monImage.height-10)/2 //(hauteur
ecran - hauteur image)/2
function ouvrir_menu()
{
if (fermeture==1) {window.clearTimeout(deactiv_pop);}
document.getElementById("menu_context").style.top = position_y;
document.getElementById("menu_context").style.left = position_x;
if (position_x < 10 ) {
position_x++;
activ_pop = setTimeout("ouvrir_menu()",10);
}
else {
deactiv_pop = setTimeout("fermer_menu()",10000);
}
}
function fermer_menu()
{
fermeture=1
window.clearTimeout(activ_pop);
document.getElementById("menu_context").style.top = position_y;
document.getElementById("menu_context").style.left = position_x;
if (position_x > invtaillebg-6 ) {
position_x=position_x-2;
deactiv_pop = setTimeout("fermer_menu()",5);
}
else {
activ_pop = setTimeout("ouvrir_menu()",20000)
}
}
window.onload = ouvrir_menu;
//-->
</script> |
chemin et nom
de votre image
Adresse du lien
Distance maxi du bord de la page
Vitesse de déplacement
Position de la popup par rappot à la
gauche.
Temps avant la fermeture auto de
la popup (La ligne peut être
supprimée)
Temps avant la ré-ouverture de la popup (La ligne
peut être supprimée)
|
Insérez
le code ci-dessus dans votre page Web entre les balises <BODY> et </BODY>. Juste
avant </BODY>
<script language="JavaScript">
<!--
//PLF- /
document.write('<div id=menu_context style="z-index:500;position:absolute;width:'+taillebg+'px;
border:0px solid #9D9DA1; cursor:default; visibility:visible;padding:3">');
document.write('<table width="100%" border="0" ><tr><td
colspan="2" align="right" bgcolor="#000099"><a
href="#" onClick="fermer_menu()"><font
color="#FF0000" face="Verdana" size="3">X</font></a></td></tr>');
document.write('<tr><td align="left"><a
href="'+lienpopup+'" target="_blank"><img
src="'+cheminImage+'" border=0 align="top"></a></td><td
valign="top"><a href="#" onClick="ouvrir_menu()">P<br>U<br>B</a></td></tr></table>');
//-->
</script> |
Ce site vous a plu ?
Vous avez trouvé le script que vous cherchiez ?
Faites en profiter vos visiteurs : insérez un lien sur
votre site
