Hallo allemaal,
graag wil ik mijn background image veranderen door op een hyperlink te klikken dmv javascript. Dit ipv een nieuwe hele pagina te moeten laden.
De code heb ik van http://programming.top54u.com/Samples/Javascript/Javascript-DOM/Change-Div-Background-Image/Default.aspx
Het enige is dat ze hier een button gebruiken en ik wil dit toepassen op een lege hyperlink die ik op de juiste plaats gepositioneerd heb.
Tot zover heb ik dit (maar het werkt niet):
Wie kan me verlichten?
Alvast bedankt!
graag wil ik mijn background image veranderen door op een hyperlink te klikken dmv javascript. Dit ipv een nieuwe hele pagina te moeten laden.
De code heb ik van http://programming.top54u.com/Samples/Javascript/Javascript-DOM/Change-Div-Background-Image/Default.aspx
Het enige is dat ze hier een button gebruiken en ik wil dit toepassen op een lege hyperlink die ik op de juiste plaats gepositioneerd heb.
Tot zover heb ik dit (maar het werkt niet):
HTML:
<script language="javascript" type="text/javascript">
function changeDivImage()
{
var imgPath = new String();
imgPath = document.getElementById("content").style.backgroundImage;
if(imgPath == "url(../slices/sister_content.jpg)" || imgPath == "")
{
document.getElementById("content").style.backgroundImage = "url(../slices/sister_content.jpg)";
}
else
{
document.getElementById("content").style.backgroundImage = "url(../slices/sister_content2.jpg)";
}
}
</script>
#content {
height: 338px;
width: 563px;
background-image: url(../slices/sister_content.jpg);
background-repeat: no-repeat;
position: absolute;
left: 110px;
top: 100px;
}
#prev {
position: absolute;
left: 25px;
top: 242px;
height: 25px;
width: 140px;
}
<div id="content">
<a id="prev" href="#" value="Change Background Image" onclick="changeDivImage()"></a></div>
Alvast bedankt!
Laatst bewerkt door een moderator: