Element switch skal stoppe ved mouseover
Kan nogen hjælpe mig til at få denne funktionalitet til at stoppe med at skifte idet man ruller henover med musen. Kom helst med færdige løsninger, da jeg ikke er en haj til javascript?<div id="divBottomContentErhverv" style="position:absolute;top:394px;Zvisibility:hidden">
Her er indhold for erhverv...
</div>
<div id="divBottomContentBolig" style="position:absolute;top:394px;visibility:hidden">
Her er indhold for bolig...
</div>
<div id="divBottomContentButik" style="position:absolute;top:394px;visibility:hidden">
Her er indhold for butik...
</div>
<script type="text/javascript">
index = null;
elements = [
document.getElementById('divBottomContentErhverv'),
document.getElementById('divBottomContentBolig'),
document.getElementById('divBottomContentButik')
];
function switchElement() {
if(index !== null) {
elements[index].style.visibility = 'hidden';
index++;
if(index >= elements.length) {
index = 0;
}
} else {
index = 0;
}
elements[index].style.visibility = 'visible';
setTimeout('switchElement()', 5000);
}
switchElement();
</script>
