Texte déroulant au passage de la souris.

[Now]

Bonjour o/, j'aimerais créer quelque chose d'assez innovant et j'avais pensé à une image qui, au passage de la souris défilerait par le bas un texte, comme sur l'image suivante :



J'aimerais installer ce système en page d'accueil, j'ose espérer que c'est bien possible, d'avance je remercie la personne qui saura me venir en aide.

[Alyz]

Salut,

J'ai essayé de te faire ça.

Donc, pour ta page d'accueil :

Code:

    <div id="image_et_texte">
 <ul class="vu">
  <li>
<img src="adresse de ton image">
    <ul class="apparition">
      <li>mets ici le texte qui apparaît
  </li>
</ul></li></ul></div>

A mettre dans ton CSS :

Code:

#image_et_texte ul ul {display: none; position: absolute; margin:0px; padding: 0px;}
#image_et_texte li {list-style-type: none; position: relative; background-color: #ffffff; width: 200px;}
#image_et_texte li:hover ul.apparition {display:block;}

Tu peux changer la couleur de fond en modifiant "#ffffff" et la largeur en modifiant "200px". =)

[Now]

Merci mais.. ce n'est pas exactement ce que je recherche, en fait je voudrait entreposer quatre images les unes sur les autres, et au passage de la souris sur chacune d'elle se développera un texte propre en dessous qui "poussera" les autres images. Je ne sais cependant pas si il est possible de créer ceci à partir d'un code ou bien le seul recours est du flash'.

[Now]

Problème !

J'ai triffouillé pas mal de code de déroulement de texte basique et j'ai réussi à trouver =P.

Merci beaucoup Aliz pour ta réponse =).