 De BackInBiz - le 20-09-2004
Un petit onclick="javascript:window.close()"
et ca evite des galeres quand l'image est trop grande !
<IMG SRC="'+chemin+'" BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+14,document.imageTest.height+32)" onclick="javascript:window.close()">
| De Guizbziet - le 06-04-2005
Juste pour vous dire que ce javascript ne marche pas sous Firefox 1.0.1.
La fenêtre ne se redimentione pas à la taille de l'image. | De cuteur007 - le 28-10-2005
tien <head><!-- DEBUT DU SCRIPT -->
<script LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
Ne copiez ce code qu'une fois dans votre page
*/
function afficheVignette(csanstitre1bl.gif","http://img398.imageshack.us/img398/9201/sanstitre1bl.gifheminVignette,cheminMaxi)
{
document.write('<A HREF="javascript:afficheMaxi(\''+cheminMaxi+'\')"><IMG SRC="'+cheminVignette+'" HSPACE=0 VSPACE=0 BORDER=0 ALT="cliquez ici pour voir en grand"></A>');
}
function afficheMaxi(chemin)
{
i1 = new Image;
i1.src = chemin;
html = '<HTML><HEAD><TITLE>Image</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+14,document.imageTest.height+32)"></CENTER></BODY></HTML>';
popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close()
};
</SCRIPT>
<!-- FIN DU SCRIPT --></head><body><script LANGUAGE="JavaScript">
afficheVignette("http://img398.imageshack.us/img398/9201/";);
</SCRIPT></body>
| De lauricks - le 27-01-2006
Petit script bien fait mais ....
il faut 2 images, une vignette et une images, donc deux travails....
Voici le script modifier (trés simplement) pour n'avoir qu'une image
J'ai enlevé ou remplacer (selon le cas, le "cheminMaxi"
J'ai donné une taille à l'affichage de la vignette 100 x 80
J'ai ajouté javascript:window.close()
Comme ça je le trouve parfait, et il tourne sur safari, merci à l'équipe
<SCRIPT LANGUAGE='JavaScript'>
window.moveTo(0,0);
if (document.getElementById || document.all)
{
window.resizeTo(screen.availWidth, screen.availHeight);
}
else if (document.layers)
{
if (window.outerHeight<screen.availHeight || window.outerWidth<screen.availWidth)
{
window.outerHeight = screen.availHeight;
window.outerWidth = screen.availWidth;
}
}
</SCRIPT>
<SCRIPT LANGUAGE='JavaScript'>
function afficheVignette(cheminMaxi) que cheminMaxi
{
document.write('<A HREF=\"javascript:afficheMaxi(\''+cheminMaxi+'\')\"><IMG SRC=\"'+cheminMaxi+'\" HSPACE=0 VSPACE=0 BORDER=0 WIDTH=\"100\" HEIGHT\"80\" TITLE=\"cliquez ici pour voir en grand\"></A>');
}
function afficheMaxi(chemin)
{
i1 = new Image;
i1.src = chemin;
html = '<HTML><HEAD><TITLE>Image</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC=\"'+chemin+'\" BORDER=0 NAME=imageTest onLoad=\"window.resizeTo(document.imageTest.width+14,document.imageTest.height+32)\" onclick=\"javascript:window.close()\"></CENTER></BODY></HTML>';
popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close()
};
</SCRIPT> | De metal84 - le 19-02-2006
Bonjour ce code, même la derniere version modifiée fonctionne correctement. Mais car il y a un mais, comme dirait Charles, dans la fenètre qui va redimentionner sur l'image, tout se bloque car le SP2 de XP affiche une barre jaune en disant "securite gna, gna, gna " Bref il faut cliquer deux fois pour eliminer cette barre. On le fait une fois GRRRRR OK, mais si on redemande un agrandissement d'une autre image, on se retrouve avec le même problème de recliquer a nouveau pour contourner cette sécurité. C'est innacceptable sur un site de devoir cliquer trois fois pour un agrandissement. Si je ne trouve pas de solution simple en javascript, j'en reviendrait au HTML. Merci si vous avez une soluce....... | De lauricks - le 21-08-2006
jamais eu de probleme, ni son mac ni sous windaube,
sous safari, firefox, internet explo mac, RAS
sous firefox, micro explo RAS
je ne vois pas ton probleme
encore un petit délire de windaube, switchez les mecs, vous verrez la différence, entre une 4L et un ferrari, c'est magique....
"Avec Windaube, faites ce qu'il vous dit de faire...
Avec OSX faites ce que vous voullez, il le fera..."
Proverbe intelligent. | De gemorej - le 23-02-2007
Bonjour,
Moi j'aimerais que quand on clique sur la vignette ce soit une vidéo qui apparaisse dans la fenêtre popup (prise sur "YouTube" par exemple).
Est ce que c'est possible ?????
Si oui, Comment faire ?????
J'espère que quelqu'un à la solution.
Merci d'avance.
| De hindi oriental - le 28-10-2008
Super ce script.
Mais j'aimerais que l'image agrandie s'ouvre au centre de l'écran...
Si vous avez une solution, merci. | De handball83 - le 09-08-2009
Bonjour et merci pour ce script, comment peut on faire pour avoir la vignette différente de l'image agrandie ? Merci pour réponses. | De raphtaar - le 19-01-2010
Salut à tous!!
J'ai une petite question. Est ce qu'il est possible de changer le script pour que les images s'affichent automatiquement sans devoir changer à chaque fois la valeur. Je m'explique ce qu'il faut faire c'est chaque fois rajouter une ligne de code en pointant vers son nouveau fichier. Donc ma question existe-t-il un moyen pour ne pas chaque fois devoir taper ce code??
Voici le code en question:
<head>
<SCRIPT LANGUAGE="JavaScript">
function afficheVignette(cheminVignette,cheminMaxi)
{
document.write('<A HREF="javascript:afficheMaxi(\''+cheminMaxi+'\')"><IMG SRC="'+cheminVignette+'" HSPACE=15 VSPACE=5 BORDER=0 ALT="" frameColor="0xffc040"></A>');
}
function afficheMaxi(chemin)
{
i1 = new Image;
i1.src = chemin;
html = '<HTML><HEAD><TITLE>Image</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+14,document.imageTest.height+82)"></CENTER></BODY></HTML>';
popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close()
};
</SCRIPT>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
afficheVignette("../img/photos/img_petite/img001.jpg","../img/photos/img_grande/img001.jpg");
afficheVignette("../img/photos/img_petite/img002.jpg","../img/photos/img_grande/img002.jpg");
afficheVignette("../img/photos/img_petite/img003.jpg","../img/photos/img_grande/img003.jpg");
afficheVignette("../img/photos/img_petite/img004.jpg","../img/photos/img_grande/img004.jpg");
afficheVignette("../img/photos/img_petite/img005.jpg","../img/photos/img_grande/img005.jpg");
afficheVignette("../img/photos/img_petite/img006.jpg","../img/photos/img_grande/img006.jpg");
afficheVignette("../img/photos/img_petite/img007.jpg","../img/photos/img_grande/img007.jpg");
afficheVignette("../img/photos/img_petite/img008.jpg","../img/photos/img_grande/img008.jpg");
afficheVignette("../img/photos/img_petite/img009.jpg","../img/photos/img_grande/img009.jpg");
afficheVignette("../img/photos/img_petite/img010.jpg","../img/photos/img_grande/img010.jpg");
</body>
Voila, j'espere que c'est compréhensible.
A bientot et merci d'avance pour vos réponses!! |
Home Page
