High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

D'une vignette vers grande image(popup)

Dernière réponse le 22 oct 2005 à 21:46:14 hdcjaco, le 15 oct 2005 à 21:03:10 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « D'une vignette vers grande image(popup) » dans :
[Webmaster] Afficher une image de grande taille VoirPour la plupart des internautes, afficher une image de grande taille dans une page web est trop lourd. Zoomify est un petit programme Flash qui permet de rendre une image zoomable et navigable, et chargeant l'image par morceau selon le...
Personnaliser MYSPACE VoirProblème Sur Myspace, comment faire pour : Cacher les bannières de publicités, les barres d'outils Google,... Afficher une grande image tout en haut de la page, et non pas seulement dans les rubriques "Biog", etc. Solution Sur Myspace il est...
Posez votre question Répondre

1

Galsungen, le 16 oct 2005 à 08:11:33

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>

Et un temps pour chaque chose sous le ciel ...

   
Répondre à Galsungen

2

hdcjaco, le 17 oct 2005 à 21:31:10

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

   
Répondre à hdcjaco

12

hdcjaco, le 18 oct 2005 à 21:07:03

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

   
Répondre à hdcjaco

3

Galsungen, le 18 oct 2005 à 07:23:22
  • +1

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. 
Et un temps pour chaque chose sous le ciel ...

   
Répondre à Galsungen

4

hdcjaco, le 18 oct 2005 à 16:08:50

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épondre à hdcjaco

5

king, le 18 oct 2005 à 16:25:05

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>

   
Répondre à king

6

hdcjaco, le 18 oct 2005 à 17:11:12

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épondre à hdcjaco

7

king, le 18 oct 2005 à 17:47:07

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.

   
Répondre à king

8

king, le 18 oct 2005 à 17:50:25

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

   
Répondre à king

9

hdcjaco, le 18 oct 2005 à 18:33:09

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

   
Répondre à hdcjaco

10

king, le 18 oct 2005 à 19:54:42

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épondre à king

11

hdcjaco, le 18 oct 2005 à 21:00:27

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

   
Répondre à hdcjaco

13

king, le 20 oct 2005 à 12:53:18

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

   
Répondre à king

14

hdcjaco, le 20 oct 2005 à 17:55:02

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épondre à hdcjaco

15

hdcjaco, le 21 oct 2005 à 11:52:51

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

   
Répondre à hdcjaco

16

Galsungen, le 21 oct 2005 à 12:04:09

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

Et un temps pour chaque chose sous le ciel ...

   
Répondre à Galsungen

17

 king, le 22 oct 2005 à 21:46:14

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

   
Répondre à king
Posez votre question Répondre
Ils ont besoin de votre aide