Discussion :

[Martony74]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Et voici ma fonction ficheProduitIllustration():

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[MaitrePylos]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[ThomasR]

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

[Martony74]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
	}
}
?>

[ThomasR]

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"><!-- CONTENU JS --></script>';

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

[Kennel sébastien]

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

[ThomasR]

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

?

Pour quelle raison ne pas faire ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<head>
<script type="text/javascript" src="/scripts/general.js"></script>
</head>

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

[Martony74]

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

Merci à tous pour votre aide !

[ThomasR]

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 ?

[Kennel sébastien]

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.