Problémé slide-in
Résolu
bojolais
Messages postés
406
Date d'inscription
Statut
Membre
Dernière intervention
-
FredouillePLUS Messages postés 96 Date d'inscription Statut Membre Dernière intervention -
FredouillePLUS Messages postés 96 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis novice en la matirèe, je viens de tenter de réaliser un slide-in, la fenêtre fonctionne bien, mais elle blanche, elle charge pas l'image ".jpg" censée ci trouver.
Merci pour votre aide...;o)
Voici le script sur la page html :
<script type="text/javascript" src="ejs_slidein.js"></script>
Voici le sript du fichier "ejs_slidein.js":
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:280px;');
document.write(' height:270px;');
document.write(' top:'+ejs_hauteur+'px;');
document.write(' left:-260px;');
document.write(' background-color:#ffffff;');
document.write(' border-color:#000000;');
document.write(' border-width:3px;');
document.write(' border-style:solid;');
document.write(' }\n');
document.write('#ejs_slide_bouton ');
document.write(' {');
document.write(' position:absolute;');
document.write(' color:#ffffff;');
document.write(' -moz-border-radius: 20px;');
document.write(' top:30px;');
document.write(' left:270px;');
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:7px;');
document.write(' left:7px;');
document.write(' }\n');
document.write('.ejs_slide_blanc\n');
document.write(' {\n');
document.write(' color:#ffffff;');
document.write(' font-family:arial;');
document.write(' font-weight:bold;');
document.write(' font-size:15px;');
document.write(' text-decoration:none;');
document.write(' }');
document.write('</style>');
var slide_tempo;
slide_url_image = '\"http://ycestere.olympe.in/images/pub.jpg"';
slide_url_click = '\"http://ycestere.olympe.in/images/Trophée Port-Fréjus 2013.pdf"';
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('<div id="ejs_slide_box">');
document.write('<div id="ejs_slide_image">');
document.write('<a href="'+slide_url_click+'" target="_blank"><img src="'+slide_url_image+'" border="0" alt="" /></a>');
document.write('</div>');
document.write('<div id="ejs_slide_bouton"><a href="#" onclick="slide_start();this.blur();return(false)" class="ejs_slide_blanc">><br /><</a><br /><a href="#" onclick="slide_close();return(false)" class="ejs_slide_blanc">x</a></div>');
document.write('</div>');
Je suis novice en la matirèe, je viens de tenter de réaliser un slide-in, la fenêtre fonctionne bien, mais elle blanche, elle charge pas l'image ".jpg" censée ci trouver.
Merci pour votre aide...;o)
Voici le script sur la page html :
<script type="text/javascript" src="ejs_slidein.js"></script>
Voici le sript du fichier "ejs_slidein.js":
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:280px;');
document.write(' height:270px;');
document.write(' top:'+ejs_hauteur+'px;');
document.write(' left:-260px;');
document.write(' background-color:#ffffff;');
document.write(' border-color:#000000;');
document.write(' border-width:3px;');
document.write(' border-style:solid;');
document.write(' }\n');
document.write('#ejs_slide_bouton ');
document.write(' {');
document.write(' position:absolute;');
document.write(' color:#ffffff;');
document.write(' -moz-border-radius: 20px;');
document.write(' top:30px;');
document.write(' left:270px;');
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:7px;');
document.write(' left:7px;');
document.write(' }\n');
document.write('.ejs_slide_blanc\n');
document.write(' {\n');
document.write(' color:#ffffff;');
document.write(' font-family:arial;');
document.write(' font-weight:bold;');
document.write(' font-size:15px;');
document.write(' text-decoration:none;');
document.write(' }');
document.write('</style>');
var slide_tempo;
slide_url_image = '\"http://ycestere.olympe.in/images/pub.jpg"';
slide_url_click = '\"http://ycestere.olympe.in/images/Trophée Port-Fréjus 2013.pdf"';
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('<div id="ejs_slide_box">');
document.write('<div id="ejs_slide_image">');
document.write('<a href="'+slide_url_click+'" target="_blank"><img src="'+slide_url_image+'" border="0" alt="" /></a>');
document.write('</div>');
document.write('<div id="ejs_slide_bouton"><a href="#" onclick="slide_start();this.blur();return(false)" class="ejs_slide_blanc">><br /><</a><br /><a href="#" onclick="slide_close();return(false)" class="ejs_slide_blanc">x</a></div>');
document.write('</div>');
4 réponses
c'est du javascript?
remarque ton url : http://ycestere.olympe.in/images/pub.jpg n'existe pas (erreur 404) :-)
remarque ton url : http://ycestere.olympe.in/images/pub.jpg n'existe pas (erreur 404) :-)
ok.
je veux l'HTML de l'index,
aussi est ce normale les 2 anti slash dans :
slide_url_image = '\"http://ycestere.olympe.in/images/pub.jpg"';
slide_url_click = '\"http://ycestere.olympe.in/images/Trophée Port-Fréjus 2013.pdf"';
??!!
je veux l'HTML de l'index,
aussi est ce normale les 2 anti slash dans :
slide_url_image = '\"http://ycestere.olympe.in/images/pub.jpg"';
slide_url_click = '\"http://ycestere.olympe.in/images/Trophée Port-Fréjus 2013.pdf"';
??!!
ok, la piste que je te donne est de transformer les deux lignes précédente en :
slide_url_image = "http://ycestere.olympe.in/images/pub.jpg";
slide_url_click = "http://ycestere.olympe.in/images/Trophée Port-Fréjus 2013.pdf";
de plus, le fichier : http://ycestere.olympe.in/images/Trophée Port-Fréjus 2013.pdf est inaccessible
tu me diras plus la prochaine fois alors
slide_url_image = "http://ycestere.olympe.in/images/pub.jpg";
slide_url_click = "http://ycestere.olympe.in/images/Trophée Port-Fréjus 2013.pdf";
de plus, le fichier : http://ycestere.olympe.in/images/Trophée Port-Fréjus 2013.pdf est inaccessible
tu me diras plus la prochaine fois alors
il faut lire "yesterel" et non yestere"...;o)
Merci
http://ycesterel.olympe.in/images/pub.jpg
Mille excuses "ycesterel"....
quelle est l'adresse de ton script car l'adresse que tu as donné est l'adresse d'une image