-og så sterte igen når man ruller væk... Det virker ellers som det skal, men en transiton mellem visningerne ville desuden være et plus.
Er det ikke rimelig enkelt?
ved sq ikke om dette virker:
<script type="text/javascript">
var timer;
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';
timer = setTimeout('switchElement()', 5000);
}
switchElement();
</script>
<div id="divBottomContentErhverv" style="position:absolute;top:394px;Zvisibility:hidden" onmouseover="clearTimeout(timer);" onmouseout="switchElement();">
Her er indhold for erhverv...
</div>
Tak splazz
Det nærmer sig en løsning. Når jeg først får html indhold ind i div'ene, så virker onmouseout sådan at der skiftes mellem elementerne i et virvar. Jeg har prøvet onblur, men der sker intet. Så prøvede jeg onclick, og så kan man skifte til næste element, men det er ikke hensigtsmæssigt. Altså, nu må jeg slå onmouseout fra, men så stopper skiftningen kun og står stille.
PS: Det med at lægge koder ind i code tag er nok ikke godt: Opstilingen af koden går tabt, selv når jeg kopierer direkte til notepad.
hmm, så ved jeg ikke lige hvordan det skal gøres..
mht mine tags forstår jeg ikke dit problem, jeg har lige copy-pastet ind i både min 'e' editor og notepad og begge stiller det op som det står her...
Når jeg bruger Firefox, så kan jeg godt kopiere det ordentligt. Det er ihvertfald mange point værd, det du kommer med. Men jeg har også selv lavet et forslag, der heller ikke dur ved mouseout:
<div id="divBottomContentErhverv" onmouseover="stopSwitch()" onmouseout="playSwitch()" style="position:absolute;top:394px;Zvisibility:hidden">
Her er indhold for erhverv...
</div>
<div id="divBottomContentBolig" onmouseover="stopSwitch()" onmouseout="playSwitch()" style="position:absolute;top:394px;visibility:hidden">
Her er indhold for bolig...
</div>
<div id="divBottomContentButik" onmouseover="stopSwitch()" onmouseout="playSwitch()" style="position:absolute;top:394px;visibility:hidden">
Her er indhold for butik...
</div>
<script type="text/javascript">
var runSwitch=true
function stopSwitch() {
runSwitch=false
}
function playSwitch() { //Fungerer ikke
runSwitch=true
}
index = null;
elements = [
document.getElementById('divBottomContentErhverv'),
document.getElementById('divBottomContentBolig'),
document.getElementById('divBottomContentButik')
];
function switchElement() {
if(index !== null && runSwitch ==true) {
elements[index].style.visibility = 'hidden';
index++;
if(index >= elements.length) {
index = 0;
}
} else {
index = 0;
}
if(runSwitch ==true) {
elements[index].style.visibility = 'visible';
setTimeout('switchElement()', 5000);
} else {
setTimeout('switchElement()', 5000000);
}
}
switchElement();
</script>
okay, jeg bruger osse firefox, nok derfor jeg ikke fik problemet så :)
Jeg venter lige lidt og ser om der kommer forslag til mouseout..
der er nok nogle af de mere erfarne der kan et par tricks :)
Hej splazz
Jeg vil åbne et frisk nyt spm. Lad os dele pointene. Din løsning var halv og min var også halv, så læg lige et svar :)