[PHP-JS] Image cliquable via echo

Version imprimable

Bonjour,

Je récupère une image contenue dans ma BDD pour l'afficher. Je souhaiterais que l'on puisse cliquer dessus pour l'avoir en plus grand...

J'ai essayer plusieurs solutions mais rien ne fonctionne.

Voici comment j'affiche mon image sur mon site:

Code:

<?php echo $mmcs->ficheProduitIllustration($prod);?>

Et voici ma fonction ficheProduitIllustration():
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 function ficheProduitIllustration($prod) { global $rub; $this->ficheProduitCheck($prod); $return = ''; /** ILLUSTRATION **/ $illu_q = 'SELECT id FROM '.__MMCS_PREFIX__.'_produit_illustration WHERE ref_produit="'.$prod.'"'; $illu_r = mysql_query($illu_q); while($illu = mysql_fetch_assoc($illu_r)) { if(is_file('_data/prod/'.$prod.'_'.$illu['id'].'.jpg')) $return .= '<img src="_img_fiche.php?file=_data/prod/'.$prod.'_'.$illu['id'].'.jpg" alt="'.htmlentities($this->rubriqueExpressionCle($rub)).' : '.altValue($this->ficheProduitData['produit']['mot_cle'],$this->ficheProduitData['produit']['titre']).'"/>'; } return $return; }
Merci d'avance pour votre aide.

Code:

1
2
$return .= '<img src="_img_fiche.php?file=_data/prod/'.$prod.'_'.$illu['id'].'.jpg" alt="'.htmlentities($this->rubriqueExpressionCle($rub)).' : '.altValue($this->ficheProduitData['produit']['mot_cle'],$this->ficheProduitData['produit']['titre']).'"/>';
		}

il manque la balise

Code:

<a href='lieuImageGrande'></a>

21/10/2008, 16h10
Martony74

Tout simplement ... La seule chose que je n'avais pas faite, et c'était la plus évidente ...

Merci MaitrePylos

Juste une précision. Est il possible dans une telle fonction de coder un system plus élégant pour l'affichage de l'image en grand (autre que target="_blank")

J'ai vue sur certain site, une sorte de "Pop-Up" montrant l'image en grande...
21/10/2008, 16h50
ThomasR

Il existe une appli javascript "Lightbox" qui fait ca très bien :
http://www.huddletogether.com/projects/lightbox/

Effectivement, l'effet de visualisation est bien sympa.

Mais je ne peux pas mettre des balises <sript> dans mon fichier contenant ma fonction ficheProduitIllustration()... Du moins je ne crois pas.

Ma page de fonction .php est constitué comme ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<?php
class MMCS
{
....mes différentes fonctions....
function ficheProduitIllustration($prod)
	{
		global $rub;
 
		$this->ficheProduitCheck($prod);
 
		$return = '';
 
		/** ILLUSTRATION **/
		$illu_q = 'SELECT id FROM '.__MMCS_PREFIX__.'_produit_illustration WHERE ref_produit="'.$prod.'"';
		$illu_r = mysql_query($illu_q);
 
		while($illu = mysql_fetch_assoc($illu_r))
		{
			if(is_file('_data/prod/'.$prod.'_'.$illu['id'].'.jpg'))
					$return .= '<a href="_data/prod/'.$prod.'_'.$illu['id'].'.jpg" target='_blank';><img src="_img_fiche.php?file=_data/prod/'.$prod.'_'.$illu['id'].'.jpg" alt="'.htmlentities($this->rubriqueExpressionCle($rub)).' : '.altValue($this->ficheProduitData['produit']['mot_cle'],$this->ficheProduitData['produit']['titre']).'"/></a>';
		}
		return $return;
	}
}
?>

22/10/2008, 12h42
ThomasR

Citation:

Mais je ne peux pas mettre des balises <sript> dans mon fichier contenant ma fonction ficheProduitIllustration()... Du moins je ne crois pas.

Si, c'est tout à fait possible :
echo '<script type="text/javascript"></script>';

Sinon si ce script est utilisé dans d'autres pages tu peux l'inclure dans ton entête HTML ?
22/10/2008, 16h49
Kennel sébastien

Citation:

Envoyé par ThomasR

Sinon si ce script est utilisé dans d'autres pages tu peux l'inclure dans ton entête HTML ?

Attention le JavaScript toujours le plus bas possible et non dans l'en-tête...
22/10/2008, 17h07
ThomasR
Citation:

Envoyé par Kennel sébastien

Attention le JavaScript toujours le plus bas possible et non dans l'en-tête...

?

Pour quelle raison ne pas faire ?
Code:

1 2 3 4 <head> <script type="text/javascript" src="/scripts/general.js"></script> </head>
22/10/2008, 17h47
Kennel sébastien

Hum, t'es cours d'optimisation sont t'a revoir, du moins du coté client... Tu devrais lire le livre Optimiser les performances de son site de Steve Souders ;).
23/10/2008, 11h45
Martony74

Finalement j'ai opté pour la solution <script> dans mon html et sa fonctionne parfaitement !

Merci à tous pour votre aide ! :king:
23/10/2008, 15h48
ThomasR

Citation:

Envoyé par Kennel sébastien

Hum, t'es cours d'optimisation sont t'a revoir, du moins du coté client... Tu devrais lire le livre Optimiser les performances de son site de Steve Souders ;).

Tes cours d'orthographe le sont également :)

Je n'ai pas trouvé sur le net de raison à ne pas insérer la balise script dans le head mais ca m'interesse beaucoup. Pourrais-tu me l'expliquer brièvement ?
24/10/2008, 00h07
Kennel sébastien

Citation:

Tes cours d'orthographe le sont également

Je n'ai pas trouvé sur le net de raison à ne pas insérer la balise script dans le head mais ca m'interesse beaucoup. Pourrais-tu me l'expliquer brièvement ?

Oui c'est vrai, c'est pas mon fort les cours de langues, cependant ce n'est pas pour autant que je ne sais pas faire mon travail :-p.
Il existe un attribut defer à la balise script qui dit au navigateur de charger le contenu XHTML sans attendre le chargement du script. Cependant le problème c'est que cet attribut n'est pas gérer par tout les navigateurs. Finalement la seule solution est de mettre le JavaScript le plus bas possible.