faire un lien pour agrandir les photos .

Marsh Posté le 17-03-2003 à 22:34:52

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

Reply

Marsh Posté le 17-03-2003 à 22:34:52

Reply

Marsh Posté le 17-03-2003 à 22:53:29

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à...

Reply

Marsh Posté le 17-03-2003 à 23:05:42

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 :

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

Citation :

Et le tour est joué.

Reply

Marsh Posté le 17-03-2003 à 23:10:29

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 :

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

Citation :

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

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.

Reply

Marsh Posté le 17-03-2003 à 23:20:34

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

Reply

faire un lien pour agrandir les photos .

Sujets relatifs:

Leave a Replay