//-------------------------- function Charge( txt_, map_){ // ajout du parametre map_ //-- remplace le repertoire miniature par repertoire grande var szImg = txt_.replace('small', 'grande'); //-- Recup la DIV affichage var oDiv = document.getElementById( 'D_IMG'); //-- Modifie le contenu avec nouvelle image //-- MODIFICATION --// oDiv.innerHTML = ''; //-- Affiche la DIV oDiv.style.display = 'block'; }maintenant on passe la référence à la map que l'on souhaite utilisée...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question#D_IMG { position : absolute; /* obligatoire pour ne pas s'afficher en fin de document */ width : 800px; /* largeur des images agrandies */ min-height : 100px; left : 50%; /* positionnement centre horizontal */ top : 50%; /* positionnement centre vertical */ margin-left : -400px; /* 1/2 largeur d'une image de 800 de large */ margin-right : -400px; /* 1/2 largeur */ margin-top : -300px; /* 1/2 hauteur d'une image de 600 de haut */ margin-bottom : -300px; /* 1/2 hauteur */ overflow : hidden; /* masquage des debordement */ text-align : center; /* centrage a l'interieur du DIV */ display : none; /* masquage au depart */ z-index : 20; /* pour affichage au dessus du reste */ }
<html> <head> <title>Affichage Image</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> //-------------------- function Charge( txt_){ //-- remplace le repertoire miniature par repertoire grande var szImg = txt_.replace('small', 'grande'); //-- affiche le nom de l'image grandeur nature alert( szImg); } </script> </head> </html>
//-------------------- function Charge( txt_){ //-- remplace le repertoire miniature par repertoire grande var szImg = txt_.replace('small', 'grande'); //-- Recup la DIV affichage var oDiv = document.getElementById( 'D_IMG'); //-- Modifie le contenu avec nouvelle image oDiv.innerHTML = ''; //-- Affiche la DIV oDiv.style.display = 'block'; }