Bonjour à tous ...
Me revoici sur codes sources avec une nouvelle quesion:
J'ai développé une galerie d'image très simple en pure css/html. En fait, je récupère des infos dans une base de données mysql, et je les affiche.
Mon code est le suivant :
<tr><td>
<img id='big_pict' src='<?php if($chemin1<>'') print $chemin1; ?>' alt='Photo en taille normale' width='226px' height='166' />
<ul id="galerie_mini">
<?php if($chemin1<>'') ?>
<li><a href='<?php print $chemin1; ?>' title='<?php print $row2['titre']; ?>'>
<img src='<?php print $chemin1; ?>' alt=' photo' width='48px' heigth='32px' /></a>
</li>
<?php if($chemin2<>'') ?>
<li><a href='<?php $chemin2; ?>' title='<?php print $row2['titre']; ?>'>
<img src='<?php print $chemin2; ?>' alt='photo 1' width='48px' heigth='32px' /></a>
</li>
</ul>
</td>
$chemin1 et $chemin2 sont les chemins relatifs à chacune des images que je charge.
$row2[] est l'ensemble des résultats de ma requete ( le fetch_array ).
Comme résultat sur ma page php, j'ai un cadre en haut ou j'affiche l'image en taille normale, et juste en_dessous, j'ai mes miniatures généré à la volé en attribuant des tailles à mes photos (mes <li> ).
Je gère tout ça en css.
Ce que j'aimerais faire, c'est que pour chaque minuature, quand on click dessus, sa puisse s'afficher juste au dessus ( à la place de l'image 'big_pict'). Et pour compliquer le tout, sans utiliser de javascript, c'est à dire-dire tout gérer en css ...
Comment voyez-vous cela ?Possible ou pas ? Quelques pistes ou liens ?
Merci d'avance ...