Als je over een link gaat zie je een foto

Status
Niet open voor verdere reacties.

mathijsf

Gebruiker
Lid geworden
12 dec 2010
Berichten
99
Hoe doe je: als je over een link gaat zie je een foto. Het zou heel fijn zijn als er ook nog tekst bij zit.

A.u.b voorbeeld in html. En heel duidelijk.
 
Laatst bewerkt:
Je kan een lightbox gebruiken alleen werkt dit alleen als je op de tekst klikt. Hierbij kun je wel een tekst erbij gebruiken.

Lightbox 2 voorbeeld en codes

anders heb je hier hetgene wat je zoekt:

CSS
Code:
<style type="text/css">


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

</style>

HTML
Code:
<a class="thumbnail" href="#thumb">jouw tekst hier<span><img src="image/imagename.gif" /><br />subtekst hier</span></a><br />
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.

Nieuwste berichten

Terug
Bovenaan Onderaan