A voir également:
- Galerie photo onmouseover
- Traduction photo - Guide
- Galerie photo en ligne - Guide
- Photo filtre gratuit - Télécharger - Retouche d'image
- Filtre snap pour mettre une photo de sa galerie ✓ - Forum Android
- Télécharger galerie photo - Télécharger - Retouche d'image
2 réponses
Aquel
Messages postés
199
Date d'inscription
lundi 28 novembre 2005
Statut
Membre
Dernière intervention
1 octobre 2009
10
13 janv. 2007 à 15:33
13 janv. 2007 à 15:33
Salut,
Si j'étais toi, j'utiliserais un tableau en précisant la taille des cellules et en faisant attention que chaque vignette agrandie fase la même taille.
Je te donne pour ma part le code que j'utilise.
Dans le header:
Dans le body:
Désolé la flême de remettre en forme ce code. En tout cas le tableau du haut est pour la galerie et le tableau du bas pour ta photo agrandie.
A+
Si j'étais toi, j'utiliserais un tableau en précisant la taille des cellules et en faisant attention que chaque vignette agrandie fase la même taille.
Je te donne pour ma part le code que j'utilise.
Dans le header:
<script type="text/javascript">
function afficher(a,b)
{
if (document.images)
a.src=b;
}
</script>
Dans le body:
<table border="0" class="tab_d2" background="images/fond_cellules_demol.jpg" height="231px" cellspacing="0"> <tr align="right"> <td><span onMouseOver="afficher(big1, 'images/demolition/ouen_1_big.jpg')"; onMouseOut="afficher(big1, 'images/demolition/defaut_ouen.jpg')";> <img src="images/demolition/ouen_1.jpg" border="0" /> </span> <span onMouseOver="afficher(big1, 'images/demolition/ouen_2_big.jpg')"; onMouseOut="afficher(big1, 'images/demolition/defaut_ouen.jpg')";> <img src="images/demolition/ouen_2.jpg" border="0" /> </span> <span onMouseOver="afficher(big1, 'images/demolition/ouen_3_big.jpg')"; onMouseOut="afficher(big1, 'images/demolition/defaut_ouen.jpg')";> <img src="images/demolition/ouen_3.jpg" border="0" /> </span> </td> </tr> <tr> <td> <span onMouseOver="afficher(big1, 'images/demolition/ouen_4_big.jpg')"; onMouseOut="afficher(big1, 'images/demolition/defaut_ouen.jpg')";> <img src="images/demolition/ouen_4.jpg" border="0" /> </span> <span onMouseOver="afficher(big1, 'images/demolition/ouen_5_big.jpg')"; onMouseOut="afficher(big1, 'images/demolition/defaut_ouen.jpg')";> <img src="images/demolition/ouen_5.jpg" border="0" /> </span> <span onMouseOver="afficher(big1, 'images/demolition/ouen_6_big.jpg')"; onMouseOut="afficher(big1, 'images/demolition/defaut_ouen.jpg')";> <img src="images/demolition/ouen_6.jpg" border="0" /> </span> </td> </tr> <tr> <td> <span onMouseOver="afficher(big1, 'images/demolition/ouen_7_big.jpg')"; onMouseOut="afficher(big1, 'images/demolition/defaut_ouen.jpg')";> <img src="images/demolition/ouen_7.jpg" border="0" /> </span> <span onMouseOver="afficher(big1, 'images/demolition/ouen_8_big.jpg')"; onMouseOut="afficher(big1, 'images/demolition/defaut_ouen.jpg')";> <img src="images/demolition/ouen_8.jpg" border="0" /> </span> <span onMouseOver="afficher(big1, 'images/demolition/ouen_9_big.jpg')"; onMouseOut="afficher(big1, 'images/demolition/defaut_ouen.jpg')";> <img src="images/demolition/ouen_9.jpg" border="0" /> </span> </td> </tr> </table> <table border="1" class="tab_g2" cellspacing="0" bordercolor="#EEC7A0"> <tr> <td width="300px" height="225px"> <img src="images/demolition/defaut_ouen.jpg" border="0" name="big1" align="middle" /> </td> </tr> </table>
Désolé la flême de remettre en forme ce code. En tout cas le tableau du haut est pour la galerie et le tableau du bas pour ta photo agrandie.
A+