479 views
ik wil dat als ik een mouse over doe over een afbeelding dat je dan de 2e afbeelding krijgt (weet dat het makkelijk is maar kan er even niet opkomen)
Met een vaste afbeelding moet je het met javascript doen.
Maar kun je de afbeelding ook als achtergrondafbeelding zetten? Want dan is css een veel betere oplossing.
Maar kun je de afbeelding ook als achtergrondafbeelding zetten? Want dan is css een veel betere oplossing.
dit werkt ook zolang de 2e foto maar niet op een ander plaats wilt laten tonen met text eronder. die #p a:hover #logohover { is voor text onder je 2e plaatje maar dat kun je ook weg laten.
En dit werk ook als java niet aanstaat
En dit werk ook als java niet aanstaat
<style>
#swap #logo {
display: block;
border: 0;
border-color:#816627;
}
#swap a #logohover {
display: none;
left: 0px
}
#swap a:hover #logo {
display: none;
border-color:#816627;
}
#swap a:hover #logohover {
display: block;
background: #F5C416;
}
#p a:hover #logohover {
display: text;
background: #F5C416;
}
</style>
</head>
<body>
<div id="swap">
<a href="#">
<img src="./plaatjes/plaatje1.jpg" width="150px" height="100px" border="1" id="logo" alt="blabla"><!--<p>text</p>-->
<img src="./plaatjes/plaatje2.jpg" width="150px" height="100px" border="1" id="logohover" alt="blabla"><p id="logohover"><font color="#816627">text onder plaatje</font></p>
</a>
</div>