Faire un ascenseur avec des photos

Une façon originale de mettre vos photos en valeur.

Vous allez dans le mode source/HTML (comment ?) de votre article

Vous y collez ce pavé. Vous remplacez les adresses en rouge par les adresses de vos images.

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-HIGHLIGHT-COLOR: #0080ff; OVERFLOW: scroll; BORDER-LEFT: black 8px solid; WIDTH: 550px; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #0080ff; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #0080ff; HEIGHT: 419px; BACKGROUND-COLOR: #000000" align=left>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://l'adresse de votre photo/width=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://l'adresse de votre photowidth=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://l'adresse de votre photo width=550 border=0></P>
</DIV>

Ensuite, vous personnalisez ainsi :

Concerne les bordures :
BORDER-RIGHT: black 2px solid;
BORDER-TOP: black 2px solid;
BORDER-LEFT: black 8px solid;
BORDER-BOTTOM: black 2px solid;

Concerne les couleurs de l'ascenseur
SCROLLBAR-HIGHLIGHT-COLOR: #0080ff; OVERFLOW: scroll;
SCROLLBAR-3DLIGHT-COLOR: #0080ff;
SCROLLBAR-DARKSHADOW-COLOR: #0080ff;

Concerne la largeur et la hauteur totales :
WIDTH: 550px;
HEIGHT: 419px;

Concerne les dimensions des photos
IMG style="WIDTH: 550px; HEIGHT: 419px"

Il est évidemment préférable que l'ascenseur ait les mêmes dimensions que les photos.

Concerne le fond :
BACKGROUND-COLOR: #000000"

---

A voir :

Réaliser un menu déroulant d'images

Faire défiler une image

Faire défiler des images

MàJ : Janvier 2009

Comments

[Adri]

Salut Annak, j'aimerai installer la barre d'outils (remonter, bas, accueil, etc...) verticale qu'on trouvait auparavant sur ton blog à côté de l'ascenseur.

Cordialement, Adrien.

[mamy ANNICK]

merci pour ton message, je vais faire des essais, heureusement que nous avons des amies, et même des amis comme Jean-Phie pour nous aider -
j'espère que tu as passé de bonnes vacances, pour nous retour défintif à la maison ce jour, en effet à partir de mardi je vais reprendre mon occupation principale "m'occuper de ma petite fille" lorsque ma fille me le demande
bisous d'amitié Mamy ANNICK

[christophespb]

Bonjour Anna,
Il faudra que je tente de faire cela pour un article.
Tume parlais de ton avatar, il n y a pas longtemps, jette un coup d oeil ici, cela devrait te plaire, j espere : http://mode-en-russie.over-blog.com/article-3051534.html
Bon week end, Christophe

[Anna K]

Salut Christophe, j'ai voulu poster un com sur ton blog. Et pouf disparu !
En effet, très beau travail d'orfévrerie.

[Joël]

Bonjour,
c'est super ! je reviendrai !
Bises et bonne journée. Joël.
 
 

[:0049: z'ours]

Kikou, voilà je voulais dire un grand merci pour cette astuce c'est vraiment super, je m'en suis servie pour un article
j'espère que les vacances se sont bien passées
bisounours de mon z'ours

[AnnaK]

J'ai vu :) beau travail ;)
Oui, elles se sont bien passées. Mais les vacances, c'est toujours bien, non ?