Posez votre question Signaler

D'une vignette vers grande image(popup)

hdcjaco 68Messages postés 23 décembre 2004Date d'inscription 20 novembre 2010Dernière intervention - Dernière réponse le 22 août 2011 à 15:59

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

D'une vignette vers grande image(popup) »

Suggestions

D'une vignette vers grande image(popup)
Pop up javascript passe en pop under (Résolu) » Forum
Image popup (Résolu) » Forum
Ouvrir une popup en cliquant sur une image » Forum
Position d'une popup » Forum
Survol d'une vignette appelant une image » Forum

Plus

Réponse

Galsungen 7106Messages postés 5 mars 2004Date d'inscription 18 oct. 2005 à 07:23

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.

Ajouter un commentaire - Site web

hdcjaco- 18 oct. 2005 à 16:08

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

Réponse

Galsungen 7106Messages postés 5 mars 2004Date d'inscription 16 oct. 2005 à 08:11

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>

Ajouter un commentaire - Site web

hdcjaco- 17 oct. 2005 à 21:31

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

hdcjaco- 18 oct. 2005 à 21:07

hello galsungen
As-tu été voir le début du site
www.users.skynet.be/jaco
Tu verras que çà marche mais pas en cliquant sur l'image
mais sur le petit texte qui se trouve dans le coin supérieur
gauche
Par hasard aurais-tu une idée pour cliquer sur l'image au lieu du texte
Je ne peux que te remercier

celynette - 22 août 2011 à 15:59

Le code fonctionne quand on tape
<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>

Réponse

king 18 oct. 2005 à 16:25

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>

Ajouter un commentaire

hdcjaco- 18 oct. 2005 à 17:11

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

Réponse

king 18 oct. 2005 à 17:47

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.

Ajouter un commentaire

Réponse

king 18 oct. 2005 à 17:50

Ton lien fonctionne, mais tu peux mettre le lien directement sur les images vignettes (sans texte).

Ajouter un commentaire

hdcjaco- 18 oct. 2005 à 18:33

Il fonctionne oui mais je ne parviens pas a mettre un lien
à partir de l'image(vignette)

king - 18 oct. 2005 à 19:54

Un brol du genre:

<a href="javascript:PopupImage('image.jpg')"><img src="image.jpg" align="middle" width="xx" height="xx" border="0" alt="mon-image"></a>

Réponse

hdcjaco 68Messages postés 23 décembre 2004Date d'inscription 20 novembre 2010Dernière intervention 18 oct. 2005 à 21:00

Sorry King mais je n'en sort pas
Merci quand même

Ajouter un commentaire

Réponse

king 20 oct. 2005 à 12:53

Mets un mail, je t'enverrai une page démo ce soir. T'auras qu'à recopier le principe.

Ajouter un commentaire

hdcjaco- 20 oct. 2005 à 17:55

Merci King pour toute la peine que tu te donnes pour m'aider
voici mon adresse hdcjaco@hotmail.com
Mon nom est Henri De Clercq j'habite en Belgique près du lion de waterloo
Amitiés
Henri

Réponse

hdcjaco 68Messages postés 23 décembre 2004Date d'inscription 20 novembre 2010Dernière intervention 21 oct. 2005 à 11:52

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

Ajouter un commentaire

Galsungen- 21 oct. 2005 à 12:04

De rien, heureux d'avoir pu être utile, ne serait qu'un tout petit peu, bonne continuation à toi dans ton apprentissage :)

Réponse

king 22 oct. 2005 à 21:46

Oups, désolé, j'ai oublié de repasser (trops de choses à faire).
Le principal c'est que ça tourne :-)

Ajouter un commentaire

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

D'une vignette vers grande image(popup)

D'une vignette vers grande image(popup) »

Passage au tout numérique : quel coût pour les particuliers ?