Bonjour,
je suis actuellement en train de faire une page web dans laquelle je met des photos de petites tailles et que lorsque l'on clique dessus, ouvre un pop-up en plein écran dans lequel s'affiche la photo dans sa taille d'origine et que je redimentionne en fonction de l'écran ... celà fonctionne très bien en local sur ma machine, mais lorsque je publie ma page sur internet, dans mon pop up, l'image se charge mais n'est pas redimentionnée (de plus, le message "Chargement de l'image http...." reste affiché alors que l'image est chargée ...).
A mon avis, on ne peut pas redimentionner l'image tant qu'elle n'est pas chargée ... car en local, ben cela se fait instantanément.
Voici mon code, si vous voyez comment faire en sorte que l'image affichée dans le pop up soit redimentionnée quand la page est publiée sur internet ...
Merci
<script language=Javascript>
function charger(arg){
fen=window.open('','fen','fullscreen=yes, scrollbars=yes');
var oImg = new Image();
// Affectation du chemin de l'image a l'objet
oImg.src = 'Grandes/AnniversaireMarion28_10_2005 ('+arg+').JPG';
var tailleh=screen.availHeight-115;
var taillew=screen.availWidth-150;
if(oImg.height>oImg.width)
{
fen.document.write("<body text='#FFFFFF' bgcolor='#000000'><center><br>Photo "+arg+" (cliquer sur la photo pour fermer)<br><img height="+tailleh+" src='Grandes/AnniversaireMarion28_10_2005 ("+arg+").JPG' border=0 onClick='window.close()'><br></center><br></body>");
}
else
fen.document.write("<body text='#FFFFFF' bgcolor='#000000'><center><br>Photo "+arg+" (cliquer sur la photo pour fermer)<br><img width="+taillew+" src='Grandes/AnniversaireMarion28_10_2005 ("+arg+").JPG' border=0 onClick='window.close()'><br></center><br></body>");
}
function photo(nb){
var i=1;
for(i=1;i<nb;i++){
document.write("<img src='AnniversaireMarion28_10_2005 ("+i+").JPG' width=170 onClick='charger("+i+")'><br>"+i+"<br>");
}
}
</script>
</head>
Cliquer sur les photos pour les agrandir<br>
<script language="javascript">
photo(78);
</script>
Maxinfos 