afbeelding->tekst

Bij de omschrijving van mijn forums zou ik graag dit hebben: https://ondersteun.actieforum.com/t4622-a-few-questions, maar dan omgekeerd, dat je een afbeelding hebt en als er op gaat staan de tekst verschijnt.
Kan iemand me de codes daarvoor geven?

Miss. Mouse

Ik gebruik even de codes van lone warander

Code:

<div class="ForumAfbeeldingen">
      District 4 staat in het teken van water. De mensen wonen langs de Mississippi en in de buurt van de zee. Ze leren al op vroege leeftijd om te gaan met net en boot.

      <a class="forumlink" href="/f15-district-4"><img src="http://imageshack.us/a/img855/9573/uta4.jpg" class="DizAppear"/></a>
</div>

Code:

div.ForumAfbeeldingen{
  height: 30px;
        width: 592px;
        margin: -23px -4px;
        padding: 25px 8px;

}

.DizAppear{
        opacity: 1;
        margin: -50px -7px;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    display: block;
}

.DizAppear:hover{
        opacity: 0;
}

Ik heb enkel de waardes van de doorschijnendheid van de afbeelding veranderd in de css.

Heel erg bedankt!