J'ai trouvé ce script qui permet d'afficher les images agrandies en popup ; dans la partie "head" :
CODE
<script language="JavaScript">
/*
Affichage des images en popup et inhibition du bouton droit de la souris
*/
var fois=0
function ImagePopup(ImageSmall,ImageLarge,ImageText)
{
document.write('<a href="javascript:ImageLargeView(\''+ImageLarge+'\',\''+ImageText+'\')"><img src="'+ImageSmall+'" hspace=0 vspace=0 border=0 alt="Cliquez pour afficher la photo"></a>');
}
function ImageLargeView(ImagePath,texte)
{
newImage = new Image;
newImage.src = ImagePath;
html = '<html><head><title>Le site de cornelia</title><meta http-equiv="Pragma" content="no-cache"></head><body leftmargin=0 marginwidth=0 topmargin=10 marginheigth=0 oncontextmenu="return false"><center>'+'<a href="#" onClick="window.close()"><img src="'+ImagePath+'" border=0 name=Image alt="'+texte+'"border="0" onLoad="window.resizeTo(document.Image.width+25,document.Image.height+45); window.moveTo((screen.width-document.Image.width)/2,5)"></a></center></body></html>';
if (fois == 1 ) ImageOpen.close();
ImageOpen = window.open('','_blank','toolbar=0,location=0,menuBar=0,scrollbars=1,resizable=1');
ImageOpen.document.write(html);
fois=1;
}
</script>
/*
Affichage des images en popup et inhibition du bouton droit de la souris
*/
var fois=0
function ImagePopup(ImageSmall,ImageLarge,ImageText)
{
document.write('<a href="javascript:ImageLargeView(\''+ImageLarge+'\',\''+ImageText+'\')"><img src="'+ImageSmall+'" hspace=0 vspace=0 border=0 alt="Cliquez pour afficher la photo"></a>');
}
function ImageLargeView(ImagePath,texte)
{
newImage = new Image;
newImage.src = ImagePath;
html = '<html><head><title>Le site de cornelia</title><meta http-equiv="Pragma" content="no-cache"></head><body leftmargin=0 marginwidth=0 topmargin=10 marginheigth=0 oncontextmenu="return false"><center>'+'<a href="#" onClick="window.close()"><img src="'+ImagePath+'" border=0 name=Image alt="'+texte+'"border="0" onLoad="window.resizeTo(document.Image.width+25,document.Image.height+45); window.moveTo((screen.width-document.Image.width)/2,5)"></a></center></body></html>';
if (fois == 1 ) ImageOpen.close();
ImageOpen = window.open('','_blank','toolbar=0,location=0,menuBar=0,scrollbars=1,resizable=1');
ImageOpen.document.write(html);
fois=1;
}
</script>
J'aimerai le modifier pour qu'une fois la vignette cliquée, l'image apparaisse en "plein écran" mais je ne sais pas comment faire.
Merci.