Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1490 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  faire un lien pour agrandir les photos .

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

faire un lien pour agrandir les photos .

n°335924
ztnarfff
Posté le 17-03-2003 à 22:34:52  profilanswer
 

je voudrais que lorsque que je clique sur une image , je l'obtienne a son échelle réel , dans une fenêtre lui étant juste à dimension  
 
merci

mood
Publicité
Posté le 17-03-2003 à 22:34:52  profilanswer
 

n°335935
Hermes le ​Messager
Breton Quiétiste
Posté le 17-03-2003 à 22:53:29  profilanswer
 

Ben tu crées un lien sur ta miniature donc (c'est comme ça que ça s'appelle), et tu crées une fonction javascript qui va permettre le redimensionnement de celle-ci aux dimensions de ton image réelle.
 
Sinon, tu peux aussi utiliser php et la librairie GD pour savoir les dimensions de l'images et générer la ligne s'appel de la fonction en JS en passant les paramètres au popup en JS.
 
Voilà...

n°335943
filofax
Posté le 17-03-2003 à 23:05:42  profilanswer
 

Moi perso j'ai fait ça.
 
Un fichier JS que j'ai appellé "affichage.js" ayant comme code :

Citation :


function afficheMaxi(chemin) {
 i1 = new Image;
 i1.src = chemin;
 html = '<HTML><HEAD><TITLE>Titre_de_ton_site</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+14,document.imageTest.height+32)"></CENTER></BODY></HTML>';
 popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1';);
 popupImage.document.open();
 popupImage.document.write(html);
 popupImage.document.close()
}


 
Ensuite sur la page où tu veux agrandir tes miniatures, du défini ton fichier entre les balise <head> </head> :

Citation :


<SCRIPT language=javascript src="affichage.js"></SCRIPT>


 
Et il ne reste plus qu'à faire tes liens comme ceci :

Citation :


<a name="1" href="ta_page.html#1" onClick="afficheMaxi('lien_de_ton_image_agrandi';)"><img src="lien_de_ta_miniature" border="0" width="xx" height="yy" alt=""></a>


 
Et le tour est joué.

n°335949
Hermes le ​Messager
Breton Quiétiste
Posté le 17-03-2003 à 23:10:29  profilanswer
 

Filofax a écrit :

Moi perso j'ai fait ça.
 
Un fichier JS que j'ai appellé "affichage.js" ayant comme code :

Citation :


function afficheMaxi(chemin) {
 i1 = new Image;
 i1.src = chemin;
 html = '<HTML><HEAD><TITLE>Titre_de_ton_site</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+14,document.imageTest.height+32)"></CENTER></BODY></HTML>';
 popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1';);
 popupImage.document.open();
 popupImage.document.write(html);
 popupImage.document.close()
}


 
Ensuite sur la page où tu veux agrandir tes miniatures, du défini ton fichier entre les balise <head> </head> :

Citation :


<SCRIPT language=javascript src="affichage.js"></SCRIPT>


 
Et il ne reste plus qu'à faire tes liens comme ceci :

Citation :


<a name="1" href="ta_page.html#1" onClick="afficheMaxi('lien_de_ton_image_agrandi';)"><img src="lien_de_ta_miniature" border="0" width="xx" height="yy" alt=""></a>


 
Et le tour est joué.


 
C'est une bonne réponse, mais je trouve qu'il faut éviter de tout donner tout de suite comme solution, parce que cela empêche la personne de faire des recherches et d'apprendre. Qu'est-ce qu'elle va faire maintenant ? Faire un copier/coller et zou...
 
Au prochain problème, elle viendra ici redemander de l'aide et ne comprendra pas pourquoi on veut pas lui faire son script :D
 
Pour faire ce qu'elle veut faire, ce serait quand même plus intéressant qu'elle apprenne :
 
- ce qu'est une fonction JS
- Comment on peut l'appeler.
- L'objet window et la méthode open (et ce que ça veut dire).
- etc....
 
Je dis pas qu'au départ, elle ne doive pas recopier le code, mais comprendre, c'est quand même bcp mieux. ;)

n°335955
ztnarfff
Posté le 17-03-2003 à 23:20:34  profilanswer
 

ben c vrai , qu'il faut apprendre, mais je crois que même quand tout le code est donné la personne est obligé de chercher à comprendre, sinon il ne peut pas l'utiliser.
 
Merci !!!!
 en tout cas ça c'est le code hight tech!! je pensais m'en tirer avec une ou 2 ligne lol !!


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  faire un lien pour agrandir les photos .

 

Sujets relatifs
probleme lien pop-up et remonté d'ascenseurLien DDE entre deux appli VB - (paramètre de connection DDE à VB)
Prob avec le cadre de destination d'un lien dans un javascript.[HTML] lien texte toujours visible?
lien java <-> c++Difuser un son au clique d un lien
[XML] ouvrir 2 frames avec un lien[JS je pense..] comment faire apparaitre un lien au bout de X sec?
[JS] OnClick + Lien[HTML & JS] Pb avec un lien ...
Plus de sujets relatifs à : faire un lien pour agrandir les photos .


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR