 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!! | De anthlabbe - le 31-03-2010
Bonjour,
ce script fonctionne parfaitement, sauf que je ne sais pas ou ni comment donner les coordonnées de postionnement de mon image dans mon HTML.
Vous porrez voir sur cette page >>>> http://asl-judo.fr/vierge.html , que la photo est en haut a gauche, mais je voudrait la positionner dans l'espace libre au milieu de cette page.
pouvez-vous m'aider pour cela ?
Dans l'attente de votre aide.....
Merci. | De lewhynot - le 01-05-2010
Bonjour à tous,
Super ce code ! je cherchais comment faire des vignettes et je suis tombée sur cet aide qui est vraiment bien fait. Je l'ai utilisé sur un essai de présentation de bateaux. Je suis totalement débutante en site et ce code fonctionne pour 2 des photos et pas les 2 autres. Je cherche depuis 3 jours pourquoi et je ne trouve rien ! J'ai cherché dans les tailles d'images, poids, chemin d'accès mais je ne trouve pas. Si une âme charitable pouvait regarder et peut être m'expliquer le pourquoi. Merci d'avance.
voici le lien :
http://stephanie.rasquier.free.fr/Essex.htm
lewhynot | De blof - le 16-09-2010
vraiment j'ai un problème j'ai pas compris comment il faut faire pour avoir le script parce que je suis vraiment débutant dans le domaine la seul chose que je maitrise c'est le HTML et le CSS aucune idée sur les autres languages alors s'ils vous plait essayer de m'écrire un script que je pourrais juste faire copier coller et changer le chemin ca m'aiderais beaucoup parce que j'ai un travail que je dois terminer dans très bientot et merci |
Home Page
