Discussion :

[symfdev]

Bonjour,
Je suis e train de développer un site web avec PHP5.
J'ai réussi à récupérer des images stockées dans la base .Mais mon problème maintenant c'est que je veux qu'en cliquant sur l'image récupérée, cette dernière s'affiche dans un nouvel onglet avec effet de zoom.
Voici le code que j'ai essayé:

Code php :

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
26
27
28
29
30
31
<?php
require 'Categorie.php';
$p=new Categorie($base);
$cat=$p->getcategorie();
 
?> 
<form method="Post">
        <table>  
 <tr>
 
 
 </tr>
 
  <?php
 
 foreach($cat as $pers)
 {
 
     ?>
	 <ul>
 
 <li>    
<a  href=" <?php  echo '<img src="Images/' . $pers["tof"] . '">';?>" data-lightbox="example-2" data-title="Makroudh."><img  src=" <?php  echo '<img src="Images/' . $pers["tof"] . '">';?>" alt="image-1" />
</li>   
</ul> 
 <?php
 
 }
 ?>
 </tr></table>
 </form>

Cordialement.

[scvo.0ne]

Ca s'appelle une lightbox; d'ailleurs tu as mis un " data-lightbox= " dans ton code. Tu n'as pas d'erreur javascript quand tu affiches ta page ?

[Christophe P.]

Bonjour,

Vous imbriquez des balises les unes dans les autres.
Essayez quelque chose ressemblant à :

Code php :

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

<a  href="<?php  echo 'Images/' . $pers["tof"];?>" data-lightbox="example-2" data-title="Makroudh." target="_blank"><img  src=" <?php  echo 'Images/' . $pers["tof"];?>" alt="une vrai description de l'image" />

target="_blank" permet d'ouvrir le lien dans une nouvelle page. A ma connaissance, il n'y a pas de target permettant d'ouvrir dans un nouvel onglet.

[EddiGordo]

target="_blank" permet d'ouvrir le lien dans une nouvelle page. A ma connaissance, il n'y a pas de target permettant d'ouvrir dans un nouvel onglet.

En fait, on n'a pas la main la dessus...
target = "_blank" indique au navigateur de créer une nouvelle vue, un nouveau contexte indépendant.
Le fait que ce soit un onglet ou une page dépend du paramétrage du navigateur donc des préférences de l'utilisateur.

Et c'est tant mieux