Hjælp til mouseover script
Scriptet åbner en div i siden med ens tekst når man føre musen hen over..Men kan man ikke gøre sådan af man klikker på et billed og teksten bliver låst ude i venstre side osv...
(Altså af teksten i højre side ikke går væk når man føre musen hen over de andre billeder.)
Scriptet ser sådan her ud:
script i toppen:
<style type="text/css">
body, td { font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px; }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
/* excludes ns4 and other older browsers */
@media all {
h1, h2, p { margin:0 0 .8em 0 }
}
/* Specifications for container for layers to show/hide.
Most browsers need both width and height set. */
#container { position:relative; width:380px; height:220px; z-index:100 }
/* Include id's for all your layers here, with commas between. */
#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6 {
position:absolute; visibility:hidden; left:0; top:0; z-index:1 }
</style>
<script type="text/javascript">
/*************************************************************************
This code is from Dynamic Web Coding at http://www.dyn-web.com/
Copyright 2001-3 by Sharon Paine
See Terms of Use at http://www.dyn-web.com/bus/terms.html
regarding conditions under which you may use this code.
This notice must be retained in the code as is!
*************************************************************************/
// resize fix for ns4
var origWidth, origHeight;
if (document.layers) {
origWidth = window.innerWidth; origHeight = window.innerHeight;
window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}
var cur_lyr; // holds id of currently visible layer
function swapLayers(id) {
if (cur_lyr) hideLayer(cur_lyr);
showLayer(id);
cur_lyr = id;
}
function showLayer(id) {
var lyr = getElemRefs(id);
if (lyr && lyr.css) lyr.css.visibility = "visible";
}
function hideLayer(id) {
var lyr = getElemRefs(id);
if (lyr && lyr.css) lyr.css.visibility = "hidden";
}
function getElemRefs(id) {
var el = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? getLyrRef(id,document): null;
if (el) el.css = (el.style)? el.style: el;
return el;
}
// get reference to nested layer for ns4
// from old dhtmllib.js by Mike Hall of www.brainjar.com
function getLyrRef(lyr,doc) {
if (document.layers) {
var theLyr;
for (var i=0; i<doc.layers.length; i++) {
theLyr = doc.layers[i];
if (theLyr.name == lyr) return theLyr;
else if (theLyr.document.layers.length > 0)
if ((theLyr = getLyrRef(lyr,theLyr.document)) != null)
return theLyr;
}
return null;
}
}
</script>
<script type="text/javascript">
//alert(fGetValue(ind));
var images = ["images/5133_lille.jpg","images/7300_lille.jpg","images/7308_lille.jpg"];
var preloadArr = new Array();
for (i=0;i<images.length;i++) {
preloadArr[i] = new Image();
preloadArr[i].src = images[i];
}
function changeImage(ID,img) {
elm = document.getElementById(ID);
elm.style.display = (img) ? "inline" : "none";
if (img) {elm.src = img;}
}
</script>
<body onload="swapLayers('lyr1')">
<div id="container">
<div id="lyr1" style="position: absolute; left: 0px; top: 0px">
<h2>Velkommen</h2>
bla.bla.bla.bla
</div>
div 2 osv...
