Sujet Précédent Sujet Suivant

Galerie photos + ascenseur

magaliaxel31 -  
Aquel Messages postés 200 Statut Membre -
Bonjour,

Je souhaiterais faire sur une page web avec une Galerie photos que l'on pourrait faire défiler avec un ascenseur et lorsque je pointerais une photo de la galerie, celle-ci s'afficherait en gros plan (voir lien)

http://revesdefee.free.fr/exemple%20galerie.htm

Merci par avance,

Magali
A voir également:

1 réponse

Réponse 1 / 1
Aquel Messages postés 200 Statut Membre 10
 
Bonjour,

Voici je pense quelque chose qui pourrait t'aider. Il faut par contre préparer deux photos à chaque fois : une grande et une petite.
N'ayant pas ton script sous les yeux, je t'envoi ce que j'avais fait : un tableau de 6 petites vignettes sur la droite qui s'agrandissent dan le cadre de gauche lorsqu'on les survol.

C'est le gros bordel dans la tartine de code que je viens de t'envoyer (bien que redondant). A toi de la remettre en forme dans un traitement de texte.

Bonne Chance !!

A mettre dans le header :

<script type="text/javascript">
function afficher(a,b)
{
if (document.images)
a.src=b;
}
</script>

A mettre dans le body :

<table border="0" class="tab_d1" background="images/fond_cellules_demant.gif" height="231px" cellspacing="0">
<tr align="right">
<td>
<span onMouseOver="afficher(big, 'images/demantelement/dde_9_big.gif')";
onMouseOut="afficher(big, 'images/demantelement/defaut_dde.gif')";>
<img src="images/demantelement/dde_9.gif" border="0" />
</span>
<span onMouseOver="afficher(big, 'images/demantelement/dde_2_big.gif')";
onMouseOut="afficher(big, 'images/demantelement/defaut_dde.gif')";>
<img src="images/demantelement/dde_2.gif" border="0" />
</span>
<span onMouseOver="afficher(big, 'images/demantelement/dde_3_big.gif')";
onMouseOut="afficher(big, 'images/demantelement/defaut_dde.gif')";>
<img src="images/demantelement/dde_3.gif" border="0" />
</span>
</td>
</tr>
<tr>
<td>
<span onMouseOver="afficher(big, 'images/demantelement/dde_4_big.gif')";
onMouseOut="afficher(big, 'images/demantelement/defaut_dde.gif')";>
<img src="images/demantelement/dde_4.gif" border="0" />
</span>
<span onMouseOver="afficher(big, 'images/demantelement/dde_5_big.gif')";
onMouseOut="afficher(big, 'images/demantelement/defaut_dde.gif')";>
<img src="images/demantelement/dde_5.gif" border="0" />
</span>
<span onMouseOver="afficher(big, 'images/demantelement/dde_6_big.gif')";
onMouseOut="afficher(big, 'images/demantelement/defaut_dde.gif')";>
<img src="images/demantelement/dde_6.gif" border="0" />
</span>
</td>
</tr>
<tr>
<td>
<span onMouseOver="afficher(big, 'images/demantelement/dde_7_big.gif')";
onMouseOut="afficher(big, 'images/demantelement/defaut_dde.gif')";>
<img src="images/demantelement/dde_7.gif" border="0" />
</span>
<span onMouseOver="afficher(big, 'images/demantelement/dde_8_big.gif')";
onMouseOut="afficher(big, 'images/demantelement/defaut_dde.gif')";>
<img src="images/demantelement/dde_8.gif" border="0" />
</span>
<span onMouseOver="afficher(big, 'images/demantelement/dde_1_big.gif')";
onMouseOut="afficher(big, 'images/demantelement/defaut_dde.gif')";>
<img src="images/demantelement/dde_1.gif" border="0" />
</span>
</td>
</tr>
</table>
<table border="1" class="tab_g1" cellspacing="0" bordercolor="#DBDDE9">
<tr>
<td width="300px" height="225px">
<img src="images/demantelement/defaut_dde.gif" border="0" name="big" align="middle" />
</td>
</tr>
</table>
0

Discussions similaires

Dissocier les photos de ma galerie sur Google Photos
BourrinOman83 -
Pierr10 -

9 réponses
Ne plus lier galerie et google photos
Babyinplug -
Babyinplug -

4 réponses
Désynchroniser Google photo sur android
Balleablanc41 -
Pierr10 -

3 réponses
Transfert photos messenger vers galerie
Marie-Ange1948 -
Galliot -

4 réponses
transférer des photos de la messagerie vers la galerie
yves69007 -
Doudou -

2 réponses