Bonjour
J'affiche un diaporama de 50 vignettes dans une page web
et j'ai un javascript qui affiche mes images dans une popup
Probleme
je suis obligé d'attendre le chargement complet des vignettes du diaporama pour commencer a voir mes images
Sinon
le fait de cliquer et de lancer l'evenement javascript popup m'arrete le chargement des vignettes
y' a t'il une solution simple en javascript ou autre pour regler ce probleme d'arret de chargement de la page(dont des vignettes) lors du clic sur la vignete qui lance la fonction javascript popup pour afficher mon image
voici le code de la page avec le javascript enquestion
---------------------------------------------------------------------------
</HEAD>
<SCRIPT language="JavaScript">
//PLF- http://www.jejavascript.net/
var fois=0
function AfficheImage(petiteImage,grandeImage,texteImage)
{
document.write('<A HREF="javascript:Affichegrande(\''+grandeImage+'\',\''+texteImage+'\')"><IMG SRC="'+petiteImage+'" HSPACE=0 VSPACE=0 BORDER=0 ALT="cliquez ici pour afficher en grand"></A>');
}
function Affichegrande(cheminImage,texte)
{
newImage = new Image;
newImage.src = cheminImage;
html = '<HTML><HEAD><TITLE>Patientez jusqu\'a l\'affichage de l\'image</TITLE><meta http-equiv="Pragma" content="no-cache"></HEAD><BODY leftmargin=0 marginwidth=0 topmargin=0 marginheigth=0 oncontextmenu="return false">'+
'<CENTER><TABLE><TR><TD background="../fondphoto.jpg">'+
'<a href="#" onClick="window.close()"><IMG SRC="'+cheminImage+'" BORDER=0 NAME=monImage alt="'+texte+'"border="0" onLoad="window.resizeTo(document.monImage.width+14,document.monImage.height+32); window.moveTo((screen.width-document.monImage.width)/2,5)"> </a></CENTER></TR></TABLE></BODY></HTML>';
if (fois == 1 ) ouvrirImage.close();
ouvrirImage = window.open('','_blank','toolbar=0,location=0,menuBar=0,scrollbars=0,resizable=0');
ouvrirImage.document.write(html);
fois=1;
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#00ffcc" text="#000099" link="#0033cc" vlink="#cc3300" alink="#ff0033" >
<!-- DEBUT DU SCRIPT -->
<STYLE> v\:* { BEHAVIOR: url(#default#VML) } </STYLE>
<script language=javascript>
couleurligne = "#00FFCC";
couleurbase = "#CC0000";
couleurover = "#FFCCFF";
function scrollBar(face)
{
with(document.body.style)
{
scrollbarDarkShadowColor="#006633";
scrollbar3dLightColor="#FFCCFF";
scrollbarArrowColor="#FFCCFF";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#FFCCFF";
}
}
function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) scrollBar(couleurover);
else scrollBar(couleurbase);
}
if (document.all){
scrollBar(couleurbase);
document.onmousemove=colorBar;
}
</script>
<TABLE>
<TR><TD background="pellicule.gif" colspan="36" height="18"></TD> </TR>
<TR>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_3993.JPG","IMG_3993.JPG","IMG_3993.JPG");</script><BR>IMG_3993.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_3995.JPG","IMG_3995.JPG","IMG_3995.JPG");</script><BR>IMG_3995.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_3996.JPG","IMG_3996.JPG","IMG_3996.JPG");</script><BR>IMG_3996.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_3997.JPG","IMG_3997.JPG","IMG_3997.JPG");</script><BR>IMG_3997.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_3998.JPG","IMG_3998.JPG","IMG_3998.JPG");</script><BR>IMG_3998.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_3999.JPG","IMG_3999.JPG","IMG_3999.JPG");</script><BR>IMG_3999.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4000.JPG","IMG_4000.JPG","IMG_4000.JPG");</script><BR>IMG_4000.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4001.JPG","IMG_4001.JPG","IMG_4001.JPG");</script><BR>IMG_4001.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4003.JPG","IMG_4003.JPG","IMG_4003.JPG");</script><BR>IMG_4003.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4004.JPG","IMG_4004.JPG","IMG_4004.JPG");</script><BR>IMG_4004.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4006.JPG","IMG_4006.JPG","IMG_4006.JPG");</script><BR>IMG_4006.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4007.JPG","IMG_4007.JPG","IMG_4007.JPG");</script><BR>IMG_4007.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4008.JPG","IMG_4008.JPG","IMG_4008.JPG");</script><BR>IMG_4008.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4009.JPG","IMG_4009.JPG","IMG_4009.JPG");</script><BR>IMG_4009.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4010.JPG","IMG_4010.JPG","IMG_4010.JPG");</script><BR>IMG_4010.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4011.JPG","IMG_4011.JPG","IMG_4011.JPG");</script><BR>IMG_4011.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4013.JPG","IMG_4013.JPG","IMG_4013.JPG");</script><BR>IMG_4013.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4014.JPG","IMG_4014.JPG","IMG_4014.JPG");</script><BR>IMG_4014.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4015.JPG","IMG_4015.JPG","IMG_4015.JPG");</script><BR>IMG_4015.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4016.JPG","IMG_4016.JPG","IMG_4016.JPG");</script><BR>IMG_4016.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4017.JPG","IMG_4017.JPG","IMG_4017.JPG");</script><BR>IMG_4017.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4019.JPG","IMG_4019.JPG","IMG_4019.JPG");</script><BR>IMG_4019.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4020.JPG","IMG_4020.JPG","IMG_4020.JPG");</script><BR>IMG_4020.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4021.JPG","IMG_4021.JPG","IMG_4021.JPG");</script><BR>IMG_4021.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4022.JPG","IMG_4022.JPG","IMG_4022.JPG");</script><BR>IMG_4022.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4023.JPG","IMG_4023.JPG","IMG_4023.JPG");</script><BR>IMG_4023.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4024.JPG","IMG_4024.JPG","IMG_4024.JPG");</script><BR>IMG_4024.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4025.JPG","IMG_4025.JPG","IMG_4025.JPG");</script><BR>IMG_4025.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4026.JPG","IMG_4026.JPG","IMG_4026.JPG");</script><BR>IMG_4026.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4027.JPG","IMG_4027.JPG","IMG_4027.JPG");</script><BR>IMG_4027.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4028.JPG","IMG_4028.JPG","IMG_4028.JPG");</script><BR>IMG_4028.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4029.JPG","IMG_4029.JPG","IMG_4029.JPG");</script><BR>IMG_4029.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4030.JPG","IMG_4030.JPG","IMG_4030.JPG");</script><BR>IMG_4030.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4031.JPG","IMG_4031.JPG","IMG_4031.JPG");</script><BR>IMG_4031.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4032.JPG","IMG_4032.JPG","IMG_4032.JPG");</script><BR>IMG_4032.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4033.JPG","IMG_4033.JPG","IMG_4033.JPG");</script><BR>IMG_4033.JPG</A></FONT></TD>
</TR>
<TR><TD background="pellicule.gif" colspan="36" height="18"></TD> </TR>
</TABLE>
---------------------------------------------------------------------------