ACCUEIL F.A.Q. S'INSCRIRE CONNEXION
Forum OXMO > Section Hotline > Hotline Générale >

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




Aller au Forum:
Notez ce sujet :

Page(s) (2): [ 1   2   > ]   Sujet précédent   Sujet suivant
Auteur
Sujet    Tout développer | Tout contracter NOUVEAU SUJET    RÉPONDRE
Réduire ce message Membre valere44
Expert

Niveau : 3
N° de Membre : 1153

Ancienneté : 100%
Participation : 67%
Inscription: 15 Apr 2002
Localisation: Ahvaz
Age: 44
Messages: 2451
Sujets Lancés : 349

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

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


Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 17 Jours, 16 Heures, 18 Minutes, 30 Secondes en ligne

Ancien message 07-08-2007 00:39
PROFIL PM  WWW RECH. AMIS ÉDITER CITER
Réduire ce message Membre Benmars
Guru

Niveau : 5
N° de Membre : 870

Ancienneté : 100%
Participation : 95%
Inscription: 03 Apr 2002
Localisation:
Age: 55
Messages: 11324
Sujets Lancés : 780

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

Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 57 Jours, 6 Heures, 9 Minutes, 0 Seconde en ligne

Ancien message 07-08-2007 07:32
PROFIL PM  RECH. AMIS ÉDITER CITER
Réduire ce message Membre Cthulhu22
Guru

Niveau : 5
N° de Membre : 86

Ancienneté : 100%
Participation : 89%
Inscription: 24 Feb 2002
Localisation: Paris
Age: 41
Messages: 8138
Sujets Lancés : 357

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

Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 37 Jours, 17 Heures, 58 Minutes, 57 Secondes en ligne

Ancien message 07-08-2007 08:13
PROFIL PM  RECH. AMIS ÉDITER CITER
Réduire ce message Membre kristof
Expert

Niveau : 3
N° de Membre : 13679

Ancienneté : 85%
Participation : 64%
Inscription: 15 Jan 2006
Localisation: neuf cinq
Age: 50
Messages: 1979
Sujets Lancés : 160

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


Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 31 Jours, 12 Heures, 10 Minutes, 47 Secondes en ligne

Ancien message 07-08-2007 08:54
PROFIL PM  RECH. AMIS ÉDITER CITER
Réduire ce message Membre zouxor
Expert

Niveau : 3
N° de Membre : 7056

Ancienneté : 97%
Participation : 59%
Inscription: 09 Dec 2002
Localisation:
Messages: 1567
Sujets Lancés : 387

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 !!


Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 29 Jours, 10 Heures, 2 Minutes, 47 Secondes en ligne

Ancien message 07-08-2007 10:46
PROFIL PM  RECH. AMIS ÉDITER CITER
Réduire ce message Membre valere44
Expert

Niveau : 3
N° de Membre : 1153

Ancienneté : 100%
Participation : 67%
Inscription: 15 Apr 2002
Localisation: Ahvaz
Age: 44
Messages: 2451
Sujets Lancés : 349

@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

Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 17 Jours, 16 Heures, 18 Minutes, 30 Secondes en ligne

Ancien message 07-08-2007 12:12
PROFIL PM  WWW RECH. AMIS ÉDITER CITER
Réduire ce message Membre Zakath
Guru

Niveau : 5
N° de Membre : 7213

Ancienneté : 97%
Participation : 92%
Inscription: 15 Dec 2002
Localisation: Copenhague
Messages: 9866
Sujets Lancés : 426

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


__________________

Allez jeter un œil à mon portfolio !


Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 103 Jours, 6 Heures, 15 Minutes, 39 Secondes en ligne

Ancien message 07-08-2007 12:29
PROFIL PM  WWW RECH. AMIS ÉDITER CITER
Réduire ce message Supermodérateur fleming
Super Moderateur

Niveau : 5
N° de Membre : 7849

Ancienneté : 97%
Participation : 100%
Inscription: 06 Jan 2003
Localisation: Augustoritum
Messages: 19502
Sujets Lancés : 319

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.


Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 95 Jours, 0 Heure, 24 Minutes, 20 Secondes en ligne

Ancien message 07-08-2007 12:29
PROFIL PM  RECH. AMIS ÉDITER CITER
Réduire ce message Membre Klaudius
Expert

Niveau : 3
N° de Membre : 1887

Ancienneté : 99%
Participation : 60%
Inscription: 25 May 2002
Localisation: Villeurbanne
Messages: 1614
Sujets Lancés : 52

Je te file mon exemple:

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

Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 12 Jours, 11 Heures, 26 Minutes, 8 Secondes en ligne

Ancien message 07-08-2007 12:43
PROFIL PM  WWW RECH. AMIS ÉDITER CITER
Réduire ce message Membre kristof
Expert

Niveau : 3
N° de Membre : 13679

Ancienneté : 85%
Participation : 64%
Inscription: 15 Jan 2006
Localisation: neuf cinq
Age: 50
Messages: 1979
Sujets Lancés : 160

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


Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 31 Jours, 12 Heures, 10 Minutes, 47 Secondes en ligne

Ancien message 07-08-2007 15:12
PROFIL PM  RECH. AMIS ÉDITER CITER
Réduire ce message Administrateur soul^keeper
Administrateur

Niveau : 5
N° de Membre : 1

Ancienneté : 100%
Participation : 100%
Inscription: 22 Feb 2002
Localisation: La Défense
Age: 48
Messages: 16669
Sujets Lancés : 2417

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


Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 94 Jours, 20 Heures, 41 Minutes, 10 Secondes en ligne

Ancien message 07-08-2007 16:09
PROFIL PM  RECH. AMIS ÉDITER CITER
Réduire ce message Supermodérateur fleming
Super Moderateur

Niveau : 5
N° de Membre : 7849

Ancienneté : 97%
Participation : 100%
Inscription: 06 Jan 2003
Localisation: Augustoritum
Messages: 19502
Sujets Lancés : 319

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


__________________

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


Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 95 Jours, 0 Heure, 24 Minutes, 20 Secondes en ligne

Ancien message 07-08-2007 16:21
PROFIL PM  RECH. AMIS ÉDITER CITER
Réduire ce message Membre kristof
Expert

Niveau : 3
N° de Membre : 13679

Ancienneté : 85%
Participation : 64%
Inscription: 15 Jan 2006
Localisation: neuf cinq
Age: 50
Messages: 1979
Sujets Lancés : 160

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


Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 31 Jours, 12 Heures, 10 Minutes, 47 Secondes en ligne

Ancien message 07-08-2007 16:41
PROFIL PM  RECH. AMIS ÉDITER CITER
Réduire ce message Administrateur soul^keeper
Administrateur

Niveau : 5
N° de Membre : 1

Ancienneté : 100%
Participation : 100%
Inscription: 22 Feb 2002
Localisation: La Défense
Age: 48
Messages: 16669
Sujets Lancés : 2417

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.


Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 94 Jours, 20 Heures, 41 Minutes, 10 Secondes en ligne

Ancien message 07-08-2007 17:52
PROFIL PM  RECH. AMIS ÉDITER CITER
Réduire ce message Membre Cthulhu22
Guru

Niveau : 5
N° de Membre : 86

Ancienneté : 100%
Participation : 89%
Inscription: 24 Feb 2002
Localisation: Paris
Age: 41
Messages: 8138
Sujets Lancés : 357

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 ??)


Signaler ce message à un modérateur | IP: Logguée
Temps en ligne : 37 Jours, 17 Heures, 58 Minutes, 57 Secondes en ligne

Ancien message 07-08-2007 19:24
PROFIL PM  RECH. AMIS ÉDITER CITER
Il est actuellement 22:38 (GMT) NOUVEAU SUJET    RÉPONDRE   
Page(s) (2): [ 1   2   > ]  Sujet précédent   Sujet suivant
Forum OXMO > Section Hotline > Hotline Générale > [CONSEIL] "Cliquer sur l'image pour fermer la fenêtre" ?

Aller au Forum:
Notez ce sujet :


 Réponse Rapide
Titre: (Optionnel)
Message:

Convertir automatiquement les URLs Montrer la Signature
Afficher une version imprimable | 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
 
< Contactez-nous - Forum OXMO>

Uptime du serveur SQL : 26 jour(s) 6 heure(s) et 49 minute(s)
Page générée en 0.105919 secondes en exécutant 48 requêtes SQL.
Apache - Compression GZIP : Activée.