Thomqa
Gebruiker
- Lid geworden
- 6 mei 2010
- Berichten
- 147
Beste helpmij-ers
Ik ben bezig met een site voor school, en ik had mouseover gebruikt om een plaatje te laten veranderen. Maar voor mijn gevoel werkt het "ineens" niet meer.
Weet iemand wat er mis is?
[JS]<script type="text/javascript">
function mouseOver_home()
{
document.getElementById("left").src ="afbeeldingen/left_border-home.jpg"
}
function mouseOver_games()
{
document.getElementById("left").src ="afbeeldingen/left_border-games.jpg"
}
function mouseOver_movies()
{
document.getElementById("left").src ="afbeeldingen/left_border-movies.jpg"
}
function mouseOver_about-us()
{
document.getElementById("left").src ="afbeeldingen/left_border-about_us.jpg"
}
function mouseOut()
{
document.getElementById("left").src ="afbeeldingen/left_border-basis.jpg"
}
</script>[/JS]
Alvast bedankt
,
Thomqa
PS eerst stond de code in de head zoals hierboven, en na deze post heb ik het even in een external .js gedaan met de link <script type="text/javascript" src="mouseover.js"></script>, en heb ik de <script> en </script> weggehaald. maar het werkt nog steeds niet.
Ik ben bezig met een site voor school, en ik had mouseover gebruikt om een plaatje te laten veranderen. Maar voor mijn gevoel werkt het "ineens" niet meer.
Weet iemand wat er mis is?
HTML:
<div class="left_border">
<img id="left" src="afbeeldingen/left_border-basis.jpg" width="150px" height="900px" style="margin-bottom:-5px"/>
</div>
<div class="menu">
<ul>
<li><a href="home.html"><img src="afbeeldingen/home.png" onmouseover="this.src='afbeeldingen/homeo.png';mouseOver_home()" onmouseout="this.src='afbeeldingen/home.png';mouseOut()" /></a></li>
<li><a href="games.html"><img src="afbeeldingen/games.png" onmouseover="this.src='afbeeldingen/gameso.png';mouseOver_games()" onmouseout="this.src='afbeeldingen/games.png';mouseOut()" /></a></li>
<li><a href="movies.html"><img src="afbeeldingen/movies.png" onmouseover="this.src='afbeeldingen/movieso.png';mouseOver_movies()" onmouseout="this.src='afbeeldingen/movies.png';mouseOut()" /></a></li>
<li><a href="about_us.html"><img src="afbeeldingen/about us.png" onmouseover="this.src='afbeeldingen/about uso.png';mouseOver_about-us()" onmouseout="this.src='afbeeldingen/about us.png';mouseOut()" /></a></li>
</ul>
</div>function mouseOver_home()
{
document.getElementById("left").src ="afbeeldingen/left_border-home.jpg"
}
function mouseOver_games()
{
document.getElementById("left").src ="afbeeldingen/left_border-games.jpg"
}
function mouseOver_movies()
{
document.getElementById("left").src ="afbeeldingen/left_border-movies.jpg"
}
function mouseOver_about-us()
{
document.getElementById("left").src ="afbeeldingen/left_border-about_us.jpg"
}
function mouseOut()
{
document.getElementById("left").src ="afbeeldingen/left_border-basis.jpg"
}
</script>[/JS]
Alvast bedankt
,Thomqa
PS eerst stond de code in de head zoals hierboven, en na deze post heb ik het even in een external .js gedaan met de link <script type="text/javascript" src="mouseover.js"></script>, en heb ik de <script> en </script> weggehaald. maar het werkt nog steeds niet.
Laatst bewerkt:
