"Cliquer sur l'image pour fermer la fenêtre" ? • Link Station

Link Station > Section Hotline > Hotline Générale >
[CONSEIL] "Cliquer sur l'image pour fermer la fenêtre" ?

Aller au Forum:

Vvalere44ExpertNiveau 18 · ChroniqueurRéférenceur Aguerri

Membre depuis: 2002
Messages: 2451

Plus

Membre n°: 1153
Inscription: 15 Apr 2002
Localisation: Ahvaz
Âge: 44 ans
Sujets lancés: 349
Ancienneté: 100 %
Participation: 67 %
Temps en ligne: 17 Jours, 16 Heures, 48 Minutes, 49 Secondes en ligne

[CONSEIL] "Cliquer sur l'image pour fermer la fenêtre" ? Ancien message

Ancien message

07-08-2007 00:39

savez-vous comment faire pour agrandir les images, à la manière du site pcinpact ?
(un clic pour agrandir dans une nouvelle fenetre, et un clic pour fermer cette fenetre)

ça ne doit pas être bien compliqué... et google mon ami tire toujours la tronche

exemple: https://www.pcinpact.com/actu/news/...overclockee.htm

__________________
radio.blog | galleries | my.youtube

PROFIL PM WWW RECH. AMISÉDITER CITER

BBenmarsGuruNiveau 31 · Guest starRéférenceur Appliqué

Membre depuis: 2002
Messages: 11324

Plus

Membre n°: 870
Inscription: 03 Apr 2002
Âge: 55 ans
Sujets lancés: 780
Ancienneté: 100 %
Participation: 95 %
Temps en ligne: 57 Jours, 6 Heures, 9 Minutes, 0 Seconde en ligne

Ancien message

07-08-2007 07:32

Ben ... à peu près n'importe quel éditeur html digne de ce nom te le fait ...
Il te faut 2 images : 1 petite et une grande, faire afficher la petite et lancer une ouverture de la grande en cas de clic.

Exemple, avec les miniatures dans un répertoire "image" et les grandes dans un répertoire "Grande" :

PHP

<a href="Grandes/20040806.JPG" target="_blank"><img src="Images/20040806.jpg"</a>

Je n'arrive pas à afficher correctement le code. Le temps que je trouve, fais un "citer" pour voir le code.

EDIT : évidemment, je suis hors sujet, je ne parle pas de la fermeture ...

__________________
Tout le monde est un génie. Mais si vous jugez un poisson sur ses capacités à grimper à un arbre, il passera sa vie à croire qu'il est stupide.
A. Einstein

Edité par soul^keeper le 07-08-2007 à 14:33

PROFIL PM RECH. AMISÉDITER CITER

CCthulhu22GuruNiveau 24 · Chef opérateurRéférenceur Confirmé

Membre depuis: 2002
Messages: 8138

Plus

Membre n°: 86
Inscription: 24 Feb 2002
Localisation: Paris
Âge: 41 ans
Sujets lancés: 357
Ancienneté: 100 %
Participation: 89 %
Temps en ligne: 37 Jours, 17 Heures, 58 Minutes, 57 Secondes en ligne

Ancien message

07-08-2007 08:13

Code pour l'image dans la popup (sans les %)

PHP

<a href="java script:self.close();"><IMG src="@Image></a>

Pour agrandire l'image, il suffit de limiter la taille dans ta page normale (attributs heigh et width)

__________________
Faites comme nous, aidez la Science: rejoignez la team OXMO (14/3600 membres du forum... et vous ??)

Edité par soul^keeper le 07-08-2007 à 14:33

PROFIL PM RECH. AMISÉDITER CITER

KkristofExpertNiveau 13 · Collectionneur DVDRéférenceur Assidu

Membre depuis: 2006
Messages: 1980

Plus

Membre n°: 13679
Inscription: 15 Jan 2006
Localisation: neuf cinq
Âge: 50 ans
Sujets lancés: 160
Ancienneté: 85 %
Participation: 64 %
Temps en ligne: 31 Jours, 12 Heures, 10 Minutes, 47 Secondes en ligne

Ancien message

07-08-2007 08:54

PHP

<html><head>
<script type="text/javascript">
<!--

function popupImg(img) {
titre="Image";
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 type='text/javascript'>function checksize() { if (document.images[0].complete) { ");
w.document.write("window.resizeTo(document.images[0].width+12,document.images[0].height+30); window.focus();} ");
w.document.write("else { setTimeout('checksize()',250) } }</script>");
w.document.write("<body onload='checksize()' leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>");
w.document.write("<img src='"+img+"' border=0 onclick='window.self.close()'>");
w.document.write("</body></html>");
w.document.close();
}
// -->
</script>
</head>
<body>
<center>
&lt<img class="oximg" src="/images/smilies/crazy1.gif" border="0" alt="">>
<a href="java script: popupImg('grande_image.jpg')">
<img src="petite_image.jpg" border="0" alt="ma-petite-image"></a>
</p>
</center>
</body></html>

Il y a aussi cette méthode:

PHP

&lt<img class="oximg" src="/images/smilies/crazy1.gif" border="0" alt="">><a href="#" onclick="window.open('grande_image.jpg','Popup','toolbar=0,location=0,directories=0,status=0,scrollbars=1,resizable=1,copyhistory=0,menuBar=0,width=550,height=550');return(false)"><img src="petite_image.jpg"></a></p>

mais elle ne permet pas de placer le close en cliquant sur l'image
Si tu as besoin d'explications..

__________________

The Unix way of sex => unzip; strip; touch; finger; mount; fsck; more; yes; gasp; umount; sleep
Quand on pense que 53% des français pensent comme Steevy et Doc Gynéco, ça fait froid dans le slip
Ceux qui sont prêts à sacrifier une liberté essentielle pour acheter une sûreté passagère, ne méritent ni l'une ni l'autre - Benjamin Franklin

PROFIL PM RECH. AMISÉDITER CITER

ZzouxorExpertNiveau 20 · Stagiaire plateauRéférenceur Chevronné

Membre depuis: 2002
Messages: 1567

Plus

Membre n°: 7056
Inscription: 09 Dec 2002
Sujets lancés: 387
Ancienneté: 97 %
Participation: 59 %
Temps en ligne: 29 Jours, 10 Heures, 2 Minutes, 47 Secondes en ligne

Ancien message

07-08-2007 10:46

Il existe une alternative sympathique à l'ouverture d'une popup : le script Lightbox 2. L'image s'affiche directement en grand sur ta page, avec un bouton de fermeture. Difficile à expliquer, regarde donc un exemple sur le site de l'auteur : https://www.huddletogether.com/projects/lightbox2/

Personnellement, j'utilise la version module pour Joomla sans aucun problème et je n'ai pas testé la version html.

__________________
(~Z~)
Courage BZH !!

PROFIL PM RECH. AMISÉDITER CITER

Vvalere44ExpertNiveau 18 · ChroniqueurRéférenceur Aguerri

Membre depuis: 2002
Messages: 2451

Plus

Membre n°: 1153
Inscription: 15 Apr 2002
Localisation: Ahvaz
Âge: 44 ans
Sujets lancés: 349
Ancienneté: 100 %
Participation: 67 %
Temps en ligne: 17 Jours, 16 Heures, 48 Minutes, 49 Secondes en ligne

Ancien message

07-08-2007 12:12

@kristof: c'est exactement ce que je cherchais

car il suffit d'insérer une fois pour toutes le script et basta
sauf que... je n'arrive pas à le faire fonctionner

peux-tu me dire où ça cloche dans mon code html?

@autres:

EDIT: c'est corrigé, il y avait un espace entre "java" et "script"

Et, pour comprendre un peu, et que ce soit davantage user-friendly,
comment je fais si je veux ajouter un élément de + à mon pop-up?
(genre un message "(cliquez sur l'image pour fermer le fenêtre)") ??

De même, comment modifier le curseur de la souris pour indiquer
que l'image est cliquable (curseur de la main et non pas la flèche)?

M'enfin, ce n'est pas grave, car tout ceci n'est que fioritures

Merci encore une fois

__________________
radio.blog | galleries | my.youtube

Edité par valere44 le 07-08-2007 à 12:33

PROFIL PM WWW RECH. AMISÉDITER CITER

ZZakathGuruNiveau 29 · CascadeurRéférenceur Aguerri

Membre depuis: 2002
Messages: 9866

Plus

Membre n°: 7213
Inscription: 15 Dec 2002
Localisation: Copenhague
Sujets lancés: 426
Ancienneté: 97 %
Participation: 92 %
Temps en ligne: 103 Jours, 6 Heures, 15 Minutes, 39 Secondes en ligne

Ancien message

07-08-2007 12:29

En attendant, votre code bousille l'affichage sur konqueror. Merci de le virer.

__________________
Allez jeter un œil à mon portfolio !

PROFIL PM WWW RECH. AMISÉDITER CITER

FflemingSuper ModerateurNiveau 29 · CascadeurRéférenceur Assidu

Membre depuis: 2003
Messages: 19502

Plus

Membre n°: 7849
Inscription: 06 Jan 2003
Localisation: Augustoritum
Sujets lancés: 319
Ancienneté: 97 %
Participation: 100 %
Temps en ligne: 95 Jours, 0 Heure, 24 Minutes, 20 Secondes en ligne

Ancien message

07-08-2007 12:29

c'est bizarre, le post de cthulu me fait foirer tout l'affichage de ce topic... je ne peux voir que les posts suivants, de zouxor, etc qu'en cliquant sur le bouton "répondre"...

__________________

Les tôles ondulées mais les vaches aussi.

PROFIL PM RECH. AMISÉDITER CITER

KKlaudiusExpertNiveau 9 · Abonné Canal+Référenceur Novice

Membre depuis: 2002
Messages: 1614

Plus

Membre n°: 1887
Inscription: 25 May 2002
Localisation: Villeurbanne
Sujets lancés: 52
Ancienneté: 99 %
Participation: 60 %
Temps en ligne: 12 Jours, 11 Heures, 26 Minutes, 8 Secondes en ligne

Je te file mon exemple: Ancien message

Ancien message

07-08-2007 12:43

Cliques ici

J'ai créer une page par "grande image" histoire de gerer les commentaires.

en visualisant le code source de la page tu as les scripts

pour la fermeture en cliquant sur l'image

PHP

<A HREF="java script: parent.close()">
<img src="TON_IMAGE_qui s'affiche sur la page"  width="20" height="20">
</A>

(

Benmars +1 à "Je n'arrive pas à afficher correctement le code. Le temps que je trouve, fais un "citer" pour voir le code." ) idem

( si tu veux des explications passe par le MP d'ici , n'utilises pas l'addresse du site est celle de mon ex.... )

__________________
Mieux vaut allumer une chandelle que maudire l'obscurité !
Le sage montre la Lune, le fou voit le bout du doigt

[HOW TO] Comment payer son apéro sur OXMO quand on arrive sur le forum & autre

Edité par soul^keeper le 07-08-2007 à 14:51

PROFIL PM WWW RECH. AMISÉDITER CITER

KkristofExpertNiveau 13 · Collectionneur DVDRéférenceur Assidu

Membre depuis: 2006
Messages: 1980

Plus

Membre n°: 13679
Inscription: 15 Jan 2006
Localisation: neuf cinq
Âge: 50 ans
Sujets lancés: 160
Ancienneté: 85 %
Participation: 64 %
Temps en ligne: 31 Jours, 12 Heures, 10 Minutes, 47 Secondes en ligne

Ancien message

07-08-2007 15:12

Message écrit par valere44, le 07-08-2007 à 13:12

EDIT: c'est corrigé, il y avait un espace entre "java" et "script"

J'avais pas vu, ça doit être vBulletin qui fait ça à l'intérieur d'un balise php

Message écrit par valere44, le 07-08-2007 à 13:12

Et, pour comprendre un peu, et que ce soit davantage user-friendly,
comment je fais si je veux ajouter un élément de + à mon pop-up?
(genre un message "(cliquez sur l'image pour fermer le fenêtre)") ??

Dans le titre? c'est facile c'est la première variable du code

PHP

titre="cliquez sur l'image pour fermer le fen&ecirc;tre";

Dans l'info-bulle de l'image ?

PHP

w.document.write("<img src='"+img+"' border=0 title='Cliquez pour fermer..' onclick='window.self.close()'>");

L'attribut "title" est utilisé pour donner du contenu visible tout le temps
L'attribut "alt" est utilisé pour donner du contenu alternatif, par exemple quand le lien de l'image est cassé
Sinon, tu peux toujours ajouter un texte au dessus de l'image

PHP

w.document.write("<center>&lt<img class="oximg" src="/images/smilies/crazy1.gif" border="0" alt="">>Cliquez sur l'image pour fermer...</p></center>");
w.document.write("<img"....

Message écrit par valere44, le 07-08-2007 à 13:12

De même, comment modifier le curseur de la souris pour indiquer
que l'image est cliquable (curseur de la main et non pas la flèche)?

Il faut encadrer la balise img par une ancre pour bluffer le navigateur et lui faire croire qu'il y a
un lien url quand il affiche le mulot au dessus de l'image

PHP

w.document.write("<center>&lt<img class="oximg" src="/images/smilies/crazy1.gif" border="0" alt="">>Cliquez sur l'image pour fermer...</p></center>");
w.document.write("<a href='#'>");
w.document.write("<img src='"+img+"' border=0 title='Cliquez pour fermer..' onclick='window.self.close()'>");
w.document.write("</a>");

Voili voilux...

__________________

The Unix way of sex => unzip; strip; touch; finger; mount; fsck; more; yes; gasp; umount; sleep
Quand on pense que 53% des français pensent comme Steevy et Doc Gynéco, ça fait froid dans le slip
Ceux qui sont prêts à sacrifier une liberté essentielle pour acheter une sûreté passagère, ne méritent ni l'une ni l'autre - Benjamin Franklin

PROFIL PM RECH. AMISÉDITER CITER

AdministrateurNiveau 50 · OscariséRéférenceur Légendaire

Membre depuis: 2002
Messages: 17300

Plus

Membre n°: 1
Inscription: 22 Feb 2002
Localisation: La Défense
Âge: 49 ans
Sujets lancés: 2916
Ancienneté: 100 %
Participation: 100 %
Temps en ligne: 102 Jours, 20 Heures, 9 Minutes, 19 Secondes en ligne

Ancien message

07-08-2007 16:09

c'est moi qui "détruit" le javascript posté sur le forum.... pas fou le type... (c'est déjà une sacrée faille d'autoriser l'html.... y'a qu'à voir comment ça peut très simplement pourrir la mise en page du forum...) faut pas pousser non plus

PROFIL PM RECH. AMISÉDITER CITER

FflemingSuper ModerateurNiveau 29 · CascadeurRéférenceur Assidu

Membre depuis: 2003
Messages: 19502

Plus

Membre n°: 7849
Inscription: 06 Jan 2003
Localisation: Augustoritum
Sujets lancés: 319
Ancienneté: 97 %
Participation: 100 %
Temps en ligne: 95 Jours, 0 Heure, 24 Minutes, 20 Secondes en ligne

Ancien message

07-08-2007 16:21

y en a un qu' a essayé... il a eu des problèmes...

__________________

Les tôles ondulées mais les vaches aussi.

PROFIL PM RECH. AMISÉDITER CITER

KkristofExpertNiveau 13 · Collectionneur DVDRéférenceur Assidu

Membre depuis: 2006
Messages: 1980

Plus

Membre n°: 13679
Inscription: 15 Jan 2006
Localisation: neuf cinq
Âge: 50 ans
Sujets lancés: 160
Ancienneté: 85 %
Participation: 64 %
Temps en ligne: 31 Jours, 12 Heures, 10 Minutes, 47 Secondes en ligne

Ancien message

07-08-2007 16:41

Message écrit par soul^keeper, le 07-08-2007 à 17:09

c'est moi qui "détruit" le javascript posté sur le forum.... pas fou le type... (c'est déjà une sacrée faille d'autoriser l'html.... y'a qu'à voir comment ça peut très simplement pourrir la mise en page du forum...) faut pas pousser non plus

Ca ne me pose pas plus de problème que ça

Il y a quand même un petit truc, quand on met : p (sans l'espace bien sûr) à l'intérieur d'un balise PHP, ça donne ça :

PHP

<img class="oximg" src="/images/smilies/other9.gif" border="0" alt="">

Je l'ai vu quand j'ai écrit java script: popupImg

__________________

The Unix way of sex => unzip; strip; touch; finger; mount; fsck; more; yes; gasp; umount; sleep
Quand on pense que 53% des français pensent comme Steevy et Doc Gynéco, ça fait froid dans le slip
Ceux qui sont prêts à sacrifier une liberté essentielle pour acheter une sûreté passagère, ne méritent ni l'une ni l'autre - Benjamin Franklin

PROFIL PM RECH. AMISÉDITER CITER

AdministrateurNiveau 50 · OscariséRéférenceur Légendaire

Membre depuis: 2002
Messages: 17300

Plus

Membre n°: 1
Inscription: 22 Feb 2002
Localisation: La Défense
Âge: 49 ans
Sujets lancés: 2916
Ancienneté: 100 %
Participation: 100 %
Temps en ligne: 102 Jours, 20 Heures, 9 Minutes, 19 Secondes en ligne

Ancien message

07-08-2007 17:52

normal... il te suffit de désactiver les smileys dans ton post (case à décocher) si tu veux que ça ne touche pas automatiquement au code.

PROFIL PM RECH. AMISÉDITER CITER

CCthulhu22GuruNiveau 24 · Chef opérateurRéférenceur Confirmé

Membre depuis: 2002
Messages: 8138

Plus

Membre n°: 86
Inscription: 24 Feb 2002
Localisation: Paris
Âge: 41 ans
Sujets lancés: 357
Ancienneté: 100 %
Participation: 89 %
Temps en ligne: 37 Jours, 17 Heures, 58 Minutes, 57 Secondes en ligne

Ancien message

07-08-2007 19:24

Désolé pour mon post, je pensais que la balise "code" servait à afficher du code

__________________
Faites comme nous, aidez la Science: rejoignez la team OXMO (14/3600 membres du forum... et vous ??)

PROFIL PM RECH. AMISÉDITER CITER

Il est actuellement 18:31 (GMT)

Page(s) (2): [ 1 2 > ]

Sujet précédent Sujet suivant

Link Station > Section Hotline > Hotline Générale > [CONSEIL] "Cliquer sur l'image pour fermer la fenêtre" ?

Aller au Forum:

Afficher une version imprimable |

Chercher dans ce sujet |

Envoyer cette page par email |

S'inscrire à ce sujet |

Télécharger ce sujet

Règles du forum :

Créer de nouveaux sujets
Répondre aux messages
Attacher des fichiers
Editer vos messages

: not autorisé
: not autorisé
: not autorisé
: not autorisé

Le Code HTML est OFF
Le BBCode est ON
Les Smileys sont ONs
Le code [IMG] est ON

Page générée en 0.087897 secondes en exécutant 52 requêtes SQL.
Apache - Compression GZIP : Activée.