clic sur un tableau d'images lues à partie de mysql/php

Question

Voici mon probl&#232;me : Je suis debutant php j'extrais des donn&#233;es images d' une table mysql et je mets ces donn&#233;es images dans un tableau HTML images1, images2, images3, .....  imagesN,  ...
 ....
Je veux que chacune des images (image1, image2 ....imageN) de chaque cellule soit cliquable suivie de l'ouverture d'une fen&#234;tre popup mais je ne sais pas comment faire malgr&#233; quelques scripts javascript dont je suis en possession.
Dites moi svp &#224; quel niveau du tableau html je fais appel &#224; un script popup en javascript Comment mettre un lien cliquable derriere chacune des images dans mon tableau.

Merci..

raven44 · Answer

Hello, 

Ce n'est pas l'image qui prend le lien mais le lien qui prend l'image !!

[tapage.php ]

amewole · Answer

Oui pour le lien, mais ou je fais appel &#224; ma fonction qui affiche l'image dans un popup apr&#232;s un clic dessus ?
Ob bien comment appelle t-on une fonction javascript au niveau du lien 
[tapage.php ] ? 
Par ailleurs si j'affiche 20 images dans mon tableau html alors je dois faire 20 fois appel &#224; la fonction javascript qui affiche l'image dans le popup ?

raven44 · Answer

Je croyai que tu voulai pouvoir cliquer sur une image et que cela t'affiche une popup c'est pas ca ?

amewole · Answer

Oui c'est cela sauf que ce n'est pas une seule petite image mais un tableau d'images. N'a t-on pas besoin de javascript pour ouvrir une popup et agrandir l'image ?

raven44 · Answer

ta pas forc&#233;ment besoin du javascript pour ouvrir une popup, par contre pour l'agrandissement de l'image je sais pas si elle va se mettre dans toute la popup test avec ca.

tu peu faire : 
[javascript:void(0) ]

amewole · Answer

Merci, je vais essayer &#231;a voir ...

amewole · Answer

Désolé, je n'y arrive pas !!! Voici le bout de code ... Je construis une table HTML dans laquelle ja vais mettre mes images ... echo "\"; // boucle de lecture des informations images à partir d'une table pour constitution d'un tableau .. // Traite les images une après une while ($row = mysql_fetch_array($result)) { // Passe l'affichage des images à la ligne si 5 images affichées if ($NumImgLigne>=$NbrImgParLigne) { echo \"---- \"; $NumImgLigne = 0; } $NumImgLigne++; // Commence une colonne de la grille pour y inclure l'image echo \""; // Récupère l'ID et l'image pour affichage dans le tableau html $ImageID = $row['ImageID']; $NomImage = $row['NomImage']; $Image = $row['image']; // image à afficher dans mon tableau html .. // Affichage des images lues et cela marche ... // Affiche le nom de l'image et sa miniature echo "[javascript:afficheMaxi(\''+cheminMaxi+'\') ]'); } function afficheMaxi(chemin) { i1 = new Image; i1.src = chemin; html = 'Image '; 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() };

Clic sur un tableau d'images lues à partie de mysql/php

7 réponses

Votre réponse

Discussions similaires