D'une vignette vers grande image(popup)
hdcjaco
Messages postés
74
Date d'inscription
Statut
Membre
Dernière intervention
-
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
9 réponses
-
voici un code de popup qui focntionne pour IE et Mozilla :
<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.-
De toute façon merci pour tes réponses et ta patience, mais
çà 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
-
-
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 :
<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 -
-
-
-
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>-
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
-
-
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. -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Ton lien fonctionne, mais tu peux mettre le lien directement sur les images vignettes (sans texte).
-
Sorry King mais je n'en sort pas
Merci quand même -
-
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 -
Oups, désolé, j'ai oublié de repasser (trops de choses à faire).
Le principal c'est que ça tourne :-)
