Accueil Foire Aux Questions Trouver d'autres membres Rechercher Utilisez le vBpad pour stocker des notes personnelles Ici, vous pouvez voir les sujets auxquels vous avez souscris, vos messages privés; et modifier vos informations personnelles et préférences. Statistiques du forum Enregistrez vous gratuitement ! Se déconnecter  
Forum OXMO 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 Poster un nouveau sujet    Poster une réponse
 valere44  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Expert

Déconnecté

Niveau : 3
N° de Membre : 1153

Ancienneté : 100%
Participation : 3%
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: http://www.pcinpact.com/actu/news/3...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

Old Post 07-08-2007 00:39
Cliquez ici pour voir le profil de valere44 Cliquez ici pour lui envoyer un message privé  Visiter la Page Perso de valere44! Trouver plus de messages de valere44 Ajouter valere44 à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 Benmars  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Guru

Déconnecté

Niveau : 5
N° de Membre : 870

Ancienneté : 100%
Participation : 13%
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

Old Post 07-08-2007 07:32
Cliquez ici pour voir le profil de Benmars Cliquez ici pour lui envoyer un message privé  Trouver plus de messages de Benmars Ajouter Benmars à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 Cthulhu22  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Guru

Déconnecté

Niveau : 5
N° de Membre : 86

Ancienneté : 100%
Participation : 10%
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

Old Post 07-08-2007 08:13
Cliquez ici pour voir le profil de Cthulhu22 Cliquez ici pour lui envoyer un message privé  Trouver plus de messages de Cthulhu22 Ajouter Cthulhu22 à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 kristof  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Expert

Déconnecté

Niveau : 3
N° de Membre : 13679

Ancienneté : 85%
Participation : 3%
Inscription: 15 Jan 2006
Localisation: neuf cinq
Age: 50
Messages: 1980
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 src="https://www.forum.oxmo.org/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 src="https://www.forum.oxmo.org/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

Old Post 07-08-2007 08:54
Cliquez ici pour voir le profil de kristof Cliquez ici pour lui envoyer un message privé  Trouver plus de messages de kristof Ajouter kristof à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 zouxor  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Expert

Déconnecté

Niveau : 3
N° de Membre : 7056

Ancienneté : 97%
Participation : 2%
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 : http://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

Old Post 07-08-2007 10:46
Cliquez ici pour voir le profil de zouxor Cliquez ici pour lui envoyer un message privé  Trouver plus de messages de zouxor Ajouter zouxor à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 valere44  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Expert

Déconnecté

Niveau : 3
N° de Membre : 1153

Ancienneté : 100%
Participation : 3%
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

Old Post 07-08-2007 12:12
Cliquez ici pour voir le profil de valere44 Cliquez ici pour lui envoyer un message privé  Visiter la Page Perso de valere44! Trouver plus de messages de valere44 Ajouter valere44 à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 Zakath  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Guru

Déconnecté

Niveau : 5
N° de Membre : 7213

Ancienneté : 97%
Participation : 12%
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, 8 Minutes, 25 Secondes en ligne

Old Post 07-08-2007 12:29
Cliquez ici pour voir le profil de Zakath Cliquez ici pour lui envoyer un message privé  Visiter la Page Perso de Zakath! Trouver plus de messages de Zakath Ajouter Zakath à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 fleming  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Super Moderateur

Déconnecté

Niveau : 5
N° de Membre : 7849

Ancienneté : 97%
Participation : 23%
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

Old Post 07-08-2007 12:29
Cliquez ici pour voir le profil de fleming Cliquez ici pour lui envoyer un message privé  Trouver plus de messages de fleming Ajouter fleming à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 Klaudius  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Expert

Déconnecté

Niveau : 3
N° de Membre : 1887

Ancienneté : 99%
Participation : 2%
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

Old Post 07-08-2007 12:43
Cliquez ici pour voir le profil de Klaudius Cliquez ici pour lui envoyer un message privé  Visiter la Page Perso de Klaudius! Trouver plus de messages de Klaudius Ajouter Klaudius à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 kristof  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Expert

Déconnecté

Niveau : 3
N° de Membre : 13679

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

Citation:
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

Citation:
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 src="https://www.forum.oxmo.org/images/smilies/crazy1.gif" border="0" alt="">>Cliquez sur l'image pour fermer...</p></center>");
w.document.write("<img"....


Citation:
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 src="https://www.forum.oxmo.org/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

Old Post 07-08-2007 15:12
Cliquez ici pour voir le profil de kristof Cliquez ici pour lui envoyer un message privé  Trouver plus de messages de kristof Ajouter kristof à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 soul^keeper  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Administrateur

Déconnecté

Niveau : 5
N° de Membre : 1

Ancienneté : 100%
Participation : 19%
Inscription: 22 Feb 2002
Localisation: Paris
Age: 48
Messages: 16611
Sujets Lancés : 2412

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 : 92 Jours, 18 Heures, 34 Minutes, 34 Secondes en ligne

Old Post 07-08-2007 16:09
Cliquez ici pour voir le profil de soul^keeper Cliquez ici pour lui envoyer un message privé  Trouver plus de messages de soul^keeper Ajouter soul^keeper à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 fleming  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Super Moderateur

Déconnecté

Niveau : 5
N° de Membre : 7849

Ancienneté : 97%
Participation : 23%
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

Old Post 07-08-2007 16:21
Cliquez ici pour voir le profil de fleming Cliquez ici pour lui envoyer un message privé  Trouver plus de messages de fleming Ajouter fleming à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 kristof  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Expert

Déconnecté

Niveau : 3
N° de Membre : 13679

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

Citation:
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 src="https://www.forum.oxmo.org/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

Old Post 07-08-2007 16:41
Cliquez ici pour voir le profil de kristof Cliquez ici pour lui envoyer un message privé  Trouver plus de messages de kristof Ajouter kristof à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 soul^keeper  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Administrateur

Déconnecté

Niveau : 5
N° de Membre : 1

Ancienneté : 100%
Participation : 19%
Inscription: 22 Feb 2002
Localisation: Paris
Age: 48
Messages: 16611
Sujets Lancés : 2412

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 : 92 Jours, 18 Heures, 34 Minutes, 34 Secondes en ligne

Old Post 07-08-2007 17:52
Cliquez ici pour voir le profil de soul^keeper Cliquez ici pour lui envoyer un message privé  Trouver plus de messages de soul^keeper Ajouter soul^keeper à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
 Cthulhu22  Rechercher tous les messages de ce membre Cliquez ici pour envoyer un message privé à cet utilisateur
Guru

Déconnecté

Niveau : 5
N° de Membre : 86

Ancienneté : 100%
Participation : 10%
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

Old Post 07-08-2007 19:24
Cliquez ici pour voir le profil de Cthulhu22 Cliquez ici pour lui envoyer un message privé  Trouver plus de messages de Cthulhu22 Ajouter Cthulhu22 à votre liste d'amis Editer/Effacer le Message Citer le message dans la réponse
Il est actuellement 01:31 (GMT) Poster un nouveau sujet    Poster une réponse   
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 Code vB est ON
Les Smileys sont ONs
Le code [IMG] est ON
 
< Contactez-nous - Forum OXMO>

Uptime du serveur SQL : 2 jour(s) 1 heure(s) et 7 minute(s)
Page générée en 0.024333 secondes en exécutant 42 requêtes SQL.
Apache - Compression GZIP : Activée.