Eléphant du PHP |
297 Messages
05 juin 2006, 01:50
ok truc, effectivement ca marche impec avec des requetes et une jolie boucle !
j'ai tout de meme deux petites questions...comme d'hab !
La premiere, je ne sais pas si ca sera possible...j'ai ma rangée de trois miniatures p1-p2-p3, et au dessus l'affichage d'une autre p+ qui est donc en fonction du choix des miniatures. ce qui donne
p+
p1-p2-p3
je souhaiterai que p+ soit egalement cliquable pour afficher la photo en beaucoup + grand sur une nouvelle page ou popup
est-ce possible ?
et ma deuxieme qui est de l'ordre de mise en page,
mon tableau contenant p+ vire a gauche et mon tableau contenant p1, p2 et p3 vire a droite ! les deux tableaux sont pourtant centrer !!
voici le script:
<script>
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
for (var i = 0 ; i < liens.length ; ++i) {
// Au clique sur ces liens
liens[i].onclick = function() {
big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
big_photo.alt = this.title; // On change son titre
return false; // Et pour finir on inhibe l'action réelle du lien
};
}
}
window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page
</script>
et l'affichage:
<tr>
<td width="200"><div align="center" class="Style25">
<dl id="photo">
<dt>
<div align="center">
<table width="195" border="0" align="center" cellspacing="0">
<tr>
<td><div align="center"><a href="imagesboutique/<?php echo $row_livre['photo1g']; ?>"><img id="big_pict" src="imagesboutique/<?php echo $row_livre['photo1p']; ?>" width="190" height="190" border="1"></a></div></td>
</tr>
</table>
</div>
</dt>
<ul id="galerie_mini">
<table width="180" border="0" align="center" cellspacing="0">
<tr>
<td><div align="center"><a href="imagesboutique/<?php echo $row_livre['photo1p']; ?>"><img src="imagesboutique/<?php echo $row_livre['photo1p']; ?>" width="60" height="60" border="1"></a></div></td>
<td><div align="center"><a href="imagesboutique/<?php echo $row_livre['photo2p']; ?>"><img src="imagesboutique/<?php echo $row_livre['photo2p']; ?>" width="60" height="60" border="1"></a></div></td>
<td><div align="center"><a href="imagesboutique/<?php echo $row_livre['photo3p']; ?>"><img src="imagesboutique/<?php echo $row_livre['photo3p']; ?>" width="60" height="60" border="1"></a></div></td>
</tr>
</table>
</ul>
</td>
hum apres reflexion, je ne suis peut-etre pas dans la bonne cathégorie de forum ,car c'est en grande partie du javascript
sujet déplacé
, l'image p+ affiche les images
) par exemple:
