Recherche slide-in en dhtml
dang19
Messages postés
3
Date d'inscription
jeudi 22 avril 2010
Statut
Membre
Dernière intervention
23 avril 2010
-
22 avril 2010 à 19:03
dang19 Messages postés 3 Date d'inscription jeudi 22 avril 2010 Statut Membre Dernière intervention 23 avril 2010 - 23 avril 2010 à 03:06
dang19 Messages postés 3 Date d'inscription jeudi 22 avril 2010 Statut Membre Dernière intervention 23 avril 2010 - 23 avril 2010 à 03:06
3 réponses
pjcleder
Messages postés
183
Date d'inscription
jeudi 4 février 2010
Statut
Membre
Dernière intervention
16 septembre 2011
11
22 avril 2010 à 19:18
22 avril 2010 à 19:18
Bonjour, j'ai fait un tuto sur le site pour concevoir une bannière animée en jQuery : Une bannière animée en jQuery
Peut-être que cela va t'inspirer car j'ai implémenté un lien à cette animation.
Attention, c'est un code perfectible qui n'a que la prétention de suggérer quelque chose sans "pisser" trop de lignes !!!
PAT
Peut-être que cela va t'inspirer car j'ai implémenté un lien à cette animation.
Attention, c'est un code perfectible qui n'a que la prétention de suggérer quelque chose sans "pisser" trop de lignes !!!
PAT
dang19
Messages postés
3
Date d'inscription
jeudi 22 avril 2010
Statut
Membre
Dernière intervention
23 avril 2010
23 avril 2010 à 02:52
23 avril 2010 à 02:52
Bonsoir,
c'est très gentil mais je recherche plutôt un slide-in qui apparait quelques secondes dans le coin inférieur droit ou gauche pour afficher un carré de pub de 300px × 250px un peut comme ici. Pas trop agressant et très efficace.
Merci!
c'est très gentil mais je recherche plutôt un slide-in qui apparait quelques secondes dans le coin inférieur droit ou gauche pour afficher un carré de pub de 300px × 250px un peut comme ici. Pas trop agressant et très efficace.
Merci!
dang19
Messages postés
3
Date d'inscription
jeudi 22 avril 2010
Statut
Membre
Dernière intervention
23 avril 2010
23 avril 2010 à 03:06
23 avril 2010 à 03:06
Re,
J'oubliais! A la limite, il y a quelqu'un qui pourrait me dépanner le code de celui que je possède déjà et qui fonctionne très bien sur mon forum en version PHPbb2 et non avec la version PHPbb3de mon autre. Ils sont en place, vous pourrez constater que sur celui en PHPbb3, l'image est translucide et l'image est difficilement cliquable. Voici le code:
Merci!
J'oubliais! A la limite, il y a quelqu'un qui pourrait me dépanner le code de celui que je possède déjà et qui fonctionne très bien sur mon forum en version PHPbb2 et non avec la version PHPbb3de mon autre. Ils sont en place, vous pourrez constater que sur celui en PHPbb3, l'image est translucide et l'image est difficilement cliquable. Voici le code:
<!-- DEBUT DU SCRIPT -->
function ScanCookie(variable)
{
cook = document.cookie;
variable += "=";
place = cook.indexOf(variable,0);
if (place <= -1)
return("0");
else
{
end = cook.indexOf(";",place)
if (end <= -1)
return(unescape(cook.substring(place+variable.length,cook.length)));
else
return(unescape(cook.substring(place+variable.length,end)));
}
}
function CreationCookie(nom,valeur,permanent)
{
if(permanent)
{
dateExp = new Date(2090,11,11);
dateExp = dateExp.toGMTString();
ifpermanent = '; expires=' + dateExp + ';';
}
else
ifpermanent = '';
document.cookie = nom + '=' + escape(valeur) + ifpermanent;
}
if(ScanCookie("dejapopup")==0)
{
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
if(!document.all && document.getElementById)
ejs_hauteur = window.innerHeight-300;
else
ejs_hauteur = document.body.clientHeight-300;
document.write('<style type="text/css">\n');
document.write('#ejs_slide_box ');
document.write(' {');
document.write(' position:absolute;');
document.write(' -moz-border-radius: 20px;');
document.write(' width:300px;');
document.write(' height:250px;');
document.write(' top:'+ejs_hauteur+'px;');
document.write(' left:-260px;');
document.write(' background-color:#000000;');
document.write(' border-color:#7189AB;');
document.write(' border-width:0px;');
document.write(' border-style:solid;');
document.write(' }\n');
document.write('#ejs_slide_bouton ');
document.write(' {');
document.write(' position:absolute;');
document.write(' color:#000000;');
document.write(' -moz-border-radius: 20px;');
document.write(' top:30px;');
document.write(' left:300px;');
document.write(' background-color:#000000;');
document.write(' font-family:arial;');
document.write(' font-weight:bold;');
document.write(' font-size:15px;');
document.write(' }\n');
document.write('#ejs_slide_image ');
document.write(' {');
document.write(' position:relative;');
document.write(' -moz-border-radius: 20px;');
document.write(' top:0px;');
document.write(' left:0px;');
document.write(' }\n');
document.write('.ejs_slide_blanc\n');
document.write(' {\n');
document.write(' color:#ffffff;');
document.write(' font-family:verdana;');
document.write(' font-weight:bold;');
document.write(' font-size:12px;');
document.write(' text-decoration:none;');
document.write(' }');
document.write('</style>');
var slide_tempo;
slide_url_image = 'http://action.metaffiliation.com/suivi.php?maff=S3DB6494D9118';
slide_url_click = 'http://action.metaffiliation.com/suivi.php?mclic=S3DB6494D9118';
slide_x = -260;
slide_ismoving = false;
slide_first = true;
function slide_start()
{
if(slide_x == -260 && !slide_ismoving)
slide_deballe();
else if(!slide_ismoving)
slide_remballe();
}
function slide_deballe()
{
slide_ismoving = true;
if(slide_x < 10)
{
slide_x += 5;
slide_move();
setTimeout("slide_deballe()", 10);
}
else
{
slide_ismoving = false;
if(slide_first)
slide_tempo = setTimeout("slide_start()", 5000);
slide_first = false;
}
}
function slide_remballe()
{
clearTimeout(slide_tempo);
slide_ismoving = true;
if(slide_x > -260)
{
slide_x -= 5;
slide_move();
setTimeout("slide_remballe()", 10);
}
else
slide_ismoving = false;
}
function slide_move()
{
if(document.getElementById)
{
document.getElementById("ejs_slide_box").style.left=slide_x+'px';
}
}
function slide_close()
{
if(document.getElementById)
{
document.getElementById("ejs_slide_box").innerHTML = '';
document.getElementById("ejs_slide_box").style.top = -100;
document.getElementById("ejs_slide_box").style.left = -100;
document.getElementById("ejs_slide_box").style.width = 1;
document.getElementById("ejs_slide_box").style.height = 1;
}
}
window.onload = slide_start;
document.write('
');
document.write('
');
document.write('['+slide_url_click+' ]');
document.write('
');
document.write('
[# >
<]
[# x]
');
document.write('
');
CreationCookie("dejapopup","oui",false)
}
<!-- FIN DU SCRIPT -->
Merci!