Probleme d'arret de chargement de la page (images) lors d'un evenement javascrip

cs_patr84 Messages postés 6 Date d'inscription samedi 8 novembre 2003 Statut Membre Dernière intervention 18 octobre 2004 - 15 oct. 2004 à 01:24
cs_patr84 Messages postés 6 Date d'inscription samedi 8 novembre 2003 Statut Membre Dernière intervention 18 octobre 2004 - 18 oct. 2004 à 19:39
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('[javascript:Affichegrande(\''+grandeImage+'\',\''+texteImage+'\') ]');
}
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>'+
'<CENTER><TD background=\"../fondphoto.jpg\">'+
' </CENTER>
</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>

<!-- 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>

<script language=JavaScript>AfficheImage("TN_IMG_3993.JPG","IMG_3993.JPG","IMG_3993.JPG");</script>
IMG_3993.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_3995.JPG","IMG_3995.JPG","IMG_3995.JPG");</script>
IMG_3995.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_3996.JPG","IMG_3996.JPG","IMG_3996.JPG");</script>
IMG_3996.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_3997.JPG","IMG_3997.JPG","IMG_3997.JPG");</script>
IMG_3997.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_3998.JPG","IMG_3998.JPG","IMG_3998.JPG");</script>
IMG_3998.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_3999.JPG","IMG_3999.JPG","IMG_3999.JPG");</script>
IMG_3999.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4000.JPG","IMG_4000.JPG","IMG_4000.JPG");</script>
IMG_4000.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4001.JPG","IMG_4001.JPG","IMG_4001.JPG");</script>
IMG_4001.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4003.JPG","IMG_4003.JPG","IMG_4003.JPG");</script>
IMG_4003.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4004.JPG","IMG_4004.JPG","IMG_4004.JPG");</script>
IMG_4004.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4006.JPG","IMG_4006.JPG","IMG_4006.JPG");</script>
IMG_4006.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4007.JPG","IMG_4007.JPG","IMG_4007.JPG");</script>
IMG_4007.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4008.JPG","IMG_4008.JPG","IMG_4008.JPG");</script>
IMG_4008.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4009.JPG","IMG_4009.JPG","IMG_4009.JPG");</script>
IMG_4009.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4010.JPG","IMG_4010.JPG","IMG_4010.JPG");</script>
IMG_4010.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4011.JPG","IMG_4011.JPG","IMG_4011.JPG");</script>
IMG_4011.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4013.JPG","IMG_4013.JPG","IMG_4013.JPG");</script>
IMG_4013.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4014.JPG","IMG_4014.JPG","IMG_4014.JPG");</script>
IMG_4014.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4015.JPG","IMG_4015.JPG","IMG_4015.JPG");</script>
IMG_4015.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4016.JPG","IMG_4016.JPG","IMG_4016.JPG");</script>
IMG_4016.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4017.JPG","IMG_4017.JPG","IMG_4017.JPG");</script>
IMG_4017.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4019.JPG","IMG_4019.JPG","IMG_4019.JPG");</script>
IMG_4019.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4020.JPG","IMG_4020.JPG","IMG_4020.JPG");</script>
IMG_4020.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4021.JPG","IMG_4021.JPG","IMG_4021.JPG");</script>
IMG_4021.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4022.JPG","IMG_4022.JPG","IMG_4022.JPG");</script>
IMG_4022.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4023.JPG","IMG_4023.JPG","IMG_4023.JPG");</script>
IMG_4023.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4024.JPG","IMG_4024.JPG","IMG_4024.JPG");</script>
IMG_4024.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4025.JPG","IMG_4025.JPG","IMG_4025.JPG");</script>
IMG_4025.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4026.JPG","IMG_4026.JPG","IMG_4026.JPG");</script>
IMG_4026.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4027.JPG","IMG_4027.JPG","IMG_4027.JPG");</script>
IMG_4027.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4028.JPG","IMG_4028.JPG","IMG_4028.JPG");</script>
IMG_4028.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4029.JPG","IMG_4029.JPG","IMG_4029.JPG");</script>
IMG_4029.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4030.JPG","IMG_4030.JPG","IMG_4030.JPG");</script>
IMG_4030.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4031.JPG","IMG_4031.JPG","IMG_4031.JPG");</script>
IMG_4031.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4032.JPG","IMG_4032.JPG","IMG_4032.JPG");</script>
IMG_4032.JPG,
<script language=JavaScript>AfficheImage("TN_IMG_4033.JPG","IMG_4033.JPG","IMG_4033.JPG");</script>
IMG_4033.JPG

---------------------------------------------------------------------------

4 réponses

cs_patr84 Messages postés 6 Date d'inscription samedi 8 novembre 2003 Statut Membre Dernière intervention 18 octobre 2004
15 oct. 2004 à 01:29
si vous voulez tester voici l'url de test
[Test cliquez ici http://brbeau04.vo6.net/040805pertuis1/040805pertuis.htm]
0
cs_patr84 Messages postés 6 Date d'inscription samedi 8 novembre 2003 Statut Membre Dernière intervention 18 octobre 2004
15 oct. 2004 à 01:31
si vous voulez tester voici l'url de test
Test Cliquez ICI

voila la bonne URL , j'avais inverse, l'habitude des forum IPB
0
cs_patr84 Messages postés 6 Date d'inscription samedi 8 novembre 2003 Statut Membre Dernière intervention 18 octobre 2004
18 oct. 2004 à 13:05
personne peut m'aider ???
0
cs_patr84 Messages postés 6 Date d'inscription samedi 8 novembre 2003 Statut Membre Dernière intervention 18 octobre 2004
18 oct. 2004 à 19:39
Ok pb resolu
merci pour vos infos
Suite a plusieurs conseils sur d'autres forum j'ai utilisé onclick dans la balise
0
Rejoignez-nous