D'une vignette vers grande image(popup)
hdcjaco
Messages postés
75
Statut
Membre
-
celynette -
celynette -
Bonjour
J'ai créé un popup,ceci pour ouvrir sur la page une plus grande image.J'ai trouvé sur internet generateur de popup et çà marche
MAIS, je ne parviens pas de créer un lien de la petite vignette
pour faire apparaître la grande image.
Par contre l'image apparaît si l'l'on met un texte ou un bouton
mais çà j'aime pas.
Donc je voudrais cliquer sur la vignette pour l'avoir en grand
sur la même page
Quelqu'un peut-il m'aider?
Merci d'avance
J'ai créé un popup,ceci pour ouvrir sur la page une plus grande image.J'ai trouvé sur internet generateur de popup et çà marche
MAIS, je ne parviens pas de créer un lien de la petite vignette
pour faire apparaître la grande image.
Par contre l'image apparaît si l'l'on met un texte ou un bouton
mais çà j'aime pas.
Donc je voudrais cliquer sur la vignette pour l'avoir en grand
sur la même page
Quelqu'un peut-il m'aider?
Merci d'avance
A voir également:
- D'une vignette vers grande image(popup)
- Fake mcafee popup - Accueil - Piratage
- Image iso - Guide
- Légender une image - Guide
- Detourer une image - Guide
- Reduire taille image - Guide
9 réponses
voici un code de popup qui focntionne pour IE et Mozilla :
on y gere même la taille du popup, ensuite si tu veux qu'elle soit par defaut il te suffit d'enlever les paramètres de la balise :)
Sinon montres nous tes pages que nous puissions voir le tout.
<a HREF="#" onclick="window.open('../images/nom_grande_image.jpg','Popup','toolbar=0,location=0,directories=0,status=0,scrollbars=1,resizable=1,copyhistory=0,menuBar=0,width=350,height=450');return(false)"><img src="../images/nom_vignette.jpg"></a>
on y gere même la taille du popup, ensuite si tu veux qu'elle soit par defaut il te suffit d'enlever les paramètres de la balise :)
Sinon montres nous tes pages que nous puissions voir le tout.
si c'est pour l'avoir sur la même page, il te suffit de créer deux images, une petite (vignette) et une grande, et tu met un lien vers la grande sur la petite, ca te donneras ce code :
Sinon pour faire la même chose avec un popup ce sera ce code :
<a href="../images/nom_grande_image.jpg"><img src="../images/nom_vignette.jpg" width="200" height="150" border="0"></a>
Sinon pour faire la même chose avec un popup ce sera ce code :
<a HREF="#" onclick="window.open('../images/nom_grande_image.jpg','Popup','toolbar=0,location=0,directories=0,status=0,scrollbars=1,resizable=1,copyhistory=0,menuBar=0,width=350,height=450');return(false)">(img src="../images/nom_vignette.jpg"></a>
Bonsoir Galsungen
Excuses pour réponse tardive, mais j'ai essayé maintes fois
ce que tu m'as proposé et çà ne marche pas.
Je me suis peut-être mal exprimé.
J'ai une vignette dans un page, je voudrais en cliquant sur cette vignette faire apparaître une fenêtre avec l'image agrandie.
J'avais trouvé un code qui fonctionne MAIS je dois cliquer
sur une petite phrase et non sur la vignette.
Voici le code qui s'y trouve
<a href="popup.htm" onclick="window.open(",'popup,width=400,height=300,top=0left=0,resizable=0" target="popup">salle01.jpg<br></a>
J'otiens alors sur ma page la petite mention( salle01.jpg )dans le coin supérieur gauche et quand je clique dessus apparaît sur la page dans le coin supérieur gauche dans une fenêtre la grande image.
Je pense qu'il doit exister un code pour déterminer qu'il faut cliquer sue la vignette.
Je te signale que j'ai appelé popup la grande image d'ou popup.htm
Est-ce compréhensible
Enfin merci d'avance
Excuses pour réponse tardive, mais j'ai essayé maintes fois
ce que tu m'as proposé et çà ne marche pas.
Je me suis peut-être mal exprimé.
J'ai une vignette dans un page, je voudrais en cliquant sur cette vignette faire apparaître une fenêtre avec l'image agrandie.
J'avais trouvé un code qui fonctionne MAIS je dois cliquer
sur une petite phrase et non sur la vignette.
Voici le code qui s'y trouve
<a href="popup.htm" onclick="window.open(",'popup,width=400,height=300,top=0left=0,resizable=0" target="popup">salle01.jpg<br></a>
J'otiens alors sur ma page la petite mention( salle01.jpg )dans le coin supérieur gauche et quand je clique dessus apparaît sur la page dans le coin supérieur gauche dans une fenêtre la grande image.
Je pense qu'il doit exister un code pour déterminer qu'il faut cliquer sue la vignette.
Je te signale que j'ai appelé popup la grande image d'ou popup.htm
Est-ce compréhensible
Enfin merci d'avance
lien pour image:
javascript:PopupImage('blabla.jpg')
code (entre <HEAD> et </HEAD>:
<script language="JavaScript">
function PopupImage(img) {
titre="Popup Image - Titre site";
w=open("",'image','width=800,height=600,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+12,document.images[0].height+30); window.focus();} else { setTimeout('check()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>");
w.document.write("");
w.document.write("</BODY></HTML>");
w.document.close();
}
</script>
javascript:PopupImage('blabla.jpg')
code (entre <HEAD> et </HEAD>:
<script language="JavaScript">
function PopupImage(img) {
titre="Popup Image - Titre site";
w=open("",'image','width=800,height=600,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+12,document.images[0].height+30); window.focus();} else { setTimeout('check()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>");
w.document.write("");
w.document.write("</BODY></HTML>");
w.document.close();
}
</script>
Merci King
Dans ce script y a t il des mots à changer comme titre site?
et grandeur de l'image
Voudrais-tu avoir la gentillesse de consulter le site en préparation qui se trouve sur www.users.skynet.be/jaco
et me dire si c'est possible de cliquer sur la 1iere image au lieu de sur le petit texte qui se trouve dans le coin supérieur gauche
Merci beaucoup
Dans ce script y a t il des mots à changer comme titre site?
et grandeur de l'image
Voudrais-tu avoir la gentillesse de consulter le site en préparation qui se trouve sur www.users.skynet.be/jaco
et me dire si c'est possible de cliquer sur la 1iere image au lieu de sur le petit texte qui se trouve dans le coin supérieur gauche
Merci beaucoup
Le titre du site, ben tu mets le tien, il s'affichera en haut de la popup (c'est facultatif, donc si tu ne mets rien, rien ne s'affichera).
C'est un script de retaille automatique: il mâte la taille image et retaille la popup en conséquence (Gaffe, sur les anciens navigateurs, il fonctionne en mode par défaut [simple popup] donc la taille indiquée doit correspondre à l'image la plus grande).
Pour simplifier: il construit la popup selon la taille de l'image.
C'est un script de retaille automatique: il mâte la taille image et retaille la popup en conséquence (Gaffe, sur les anciens navigateurs, il fonctionne en mode par défaut [simple popup] donc la taille indiquée doit correspondre à l'image la plus grande).
Pour simplifier: il construit la popup selon la taille de l'image.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Hello King hello Galsungen
A tous les deux encore un grand merci
J'ai trouvé mon erreur 'est si facile qu'en on sait
Peut-être un jour à un autre problème
Aussi, je voudrais que vous sachiez je me suis mis à l'informatique
à l'age de 76 ans, et j'ai difficile à assimiler tous ces codes, car ma mémoire me joue des tours
Je vous emercie encore de votre indulgence
Henri
A tous les deux encore un grand merci
J'ai trouvé mon erreur 'est si facile qu'en on sait
Peut-être un jour à un autre problème
Aussi, je voudrais que vous sachiez je me suis mis à l'informatique
à l'age de 76 ans, et j'ai difficile à assimiler tous ces codes, car ma mémoire me joue des tours
Je vous emercie encore de votre indulgence
Henri
çà ne marche pas.Le code est le même que la 1iére fois, mais j'ai réessayé, et il apparaît tjrs un texte sur la page et lorsque je clique sur le texte il me donne un carré blanc.
Bon j'ai pu mettre le début du travail sur internet à l'adresse suivante:
www.users.skynet.be/jaco
Tu verras le petit texte dans le coin supérieur gauche
Avec le code que tu m'as donné j'ai également du texte
Encore merci pour ta réponse