Hallo zusammen,
ich bin seit einigen Tagen an einem Problem dran, wo ich nicht mehr weiter kommen und auf Eure Hilfe hoffe. Ich arbeite mit GoLive CS2. Ich habe eine Seite zusammengestellt, welche hauptsächlich aus Grafiken besteht (Die Grafiken kommen von einem Grafiker als .psd Files). Nun sollte ich auf der rechten Seite einige Rollover Effekte einbauen. Soweit kein Problem. Diese Rollover Effekte funktionieren im Firefox und im Internen Browser von GoLive auch problemlos. Wenn ich die Seite jedoch mit dem IE 6 aufrufe, bekommet man keine Rolllovers angezeigt. Hier mal der Quellcode der Index-Seite:
Code:
<html>
<head>
<title>testseite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen"><!--
#rollover { height: 151px; width: 151px; left: 642px; top: 257px; position: absolute; z-index: 0; visibility: visible; }
#schmerzrollover { height: 30px; width: 151px; left: 642px; top: 340px; position: absolute; z-index: 1; visibility: visible; }
#allgemeinrollover { height: 30px; width: 151px; left: 642px; top: 370px; position: absolute; z-index: 1; visibility: visible; }
#anaesthesierollover { height: 30px; width: 151px; left: 642px; top: 310px; position: absolute; z-index: 1; visibility: visible; }
--></style>
<csactions>
<csaction name="64f9bb21" class="Goto Link" type="onevent" val0="allgemein.html" val1="" urlparams="1"></csaction>
<csaction name="6759d772" class="Goto Link" type="onevent" val0="schmerz.html" val1="" urlparams="1"></csaction>
<csaction name="67c7f1a10" class="Goto Link" type="onevent" val0="anaesthesie.html" val1="" urlparams="1"></csaction>
</csactions>
<csscriptdict>
<script type="text/javascript"><!--
CSStopExecution=false;
function CSAction(array) {return CSAction2(CSAct, array);}
function CSAction2(fct, array) {
var result;
for (var i=0;i<array.length;i++) {
if(CSStopExecution) return false;
var aa = fct[array[i]];
if (aa == null) return false;
var ta = new Array;
for(var j=1;j<aa.length;j++) {
if((aa[j]!=null)&&(typeof(aa[j])=="object")&&(aa[j].length==2)){
if(aa[j][0]=="VAR"){ta[j]=CSStateArray[aa[j][1]];}
else{if(aa[j][0]=="ACT"){ta[j]=CSAction(new Array(new String(aa[j][1])));}
else ta[j]=aa[j];}
} else ta[j]=aa[j];
}
result=aa[0](ta);
}
return result;
}
CSAct = new Object;
function CSGotoLink(action) {
if (action[2].length) {
var hasFrame=false;
for(i=0;i<parent.frames.length;i++) { if (parent.frames[i].name==action[2]) { hasFrame=true; break;}}
if (hasFrame==true)
parent.frames[action[2]].location = action[1];
else
window.open (action[1],action[2],"");
}
else location = action[1];
}
function CSClickReturn () {
var bAgent = window.navigator.userAgent;
var bAppName = window.navigator.appName;
if ((bAppName.indexOf("Explorer") >= 0) && (bAgent.indexOf("Mozilla/3") >= 0) && (bAgent.indexOf("Mac") >= 0))
return true; /* dont follow link */
else return false; /* dont follow link */
}
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
mustInitImg = true;
function initImgID() {var di = document.images; if (mustInitImg && di) { for (var i=0; i<di.length; i++) { if (!di[i].id) di[i].id=di[i].name; } mustInitImg = false;}}
function findElement(n,ly) {
var d = document;
if (browserVers < 4) return d[n];
if ((browserVers >= 6) && (d.getElementById)) {initImgID; return(d.getElementById(n))};
var cd = ly ? ly.document : d;
var elem = cd[n];
if (!elem) {
for (var i=0;i<cd.layers.length;i++) {
elem = findElement(n,cd.layers[i]);
if (elem) return elem;
}
}
return elem;
}
function changeImagesArray(array) {
if (preloadFlag == true) {
var d = document; var img;
for (i=0;i<array.length;i+=2) {
img = null; var n = array[i];
if (d.images) {
if (d.layers) {img = findElement(n,0);}
else {img = d.images[n];}
}
if (!img && d.getElementById) {img = d.getElementById(n);}
if (!img && d.getElementsByName) {
var elms = d.getElementsByName(n);
if (elms) {
for (j=0;j<elms.length;j++) {
if (elms[j].src) {img = elms[j]; break;}
}
}
}
if (img) {img.src = array[i+1];}
}
}
}
function changeImages() {
changeImagesArray(changeImages.arguments);
}
// --></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSAct[/*CMP*/ '64f9bb21'] = new Array(CSGotoLink,/*URL*/ 'allgemein.html','');
CSAct[/*CMP*/ '6759d772'] = new Array(CSGotoLink,/*URL*/ 'schmerz.html','');
CSAct[/*CMP*/ '67c7f1a10'] = new Array(CSGotoLink,/*URL*/ 'anaesthesie.html','');
var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_rollover_schmerztherapie = newImage('Bilder/rollover_schmerztherapie.gif');
pre_rollover_allgemein = newImage('Bilder/rollover_allgemein.jpg');
preloadFlag = true;
}
}
// --></script>
</csactiondict>
</head>
<body onload="preloadImages();" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="left">
<div style="position:relative;width:1024px;height:768px;float:left;-adbe-g:m,5,5;">
<div style="position:absolute;top:0px;left:0px;width:1024px;height:768px;">
<img id="index_test" src="Bilder/index_test.jpg" alt="" name="index_test" height="768" width="1024" usemap="#index_test2" align="top" border="0"></div>
</div>
<map name="index_test6281eaa"></map>
<div id="rollover">
<img id="rollover_anaesthesie" src="Bilder/rollover_anaesthesie.jpg" alt="" name="rollover_anaesthesie" height="151" width="151" border="0"></div>
<div id="schmerzrollover" onclick="CSAction(new Array(/*CMP*/'6759d772'));return CSClickReturn()" onmouseover="changeImages('rollover_anaesthesie','Bilder/rollover_schmerztherapie.gif');return true" onmouseout="changeImages('rollover_anaesthesie','Bilder/rollover_anaesthesie.jpg');return true" csclick="6759d772"></div>
<div id="allgemeinrollover" onclick="CSAction(new Array(/*CMP*/'64f9bb21'));return CSClickReturn()" onmouseover="changeImages('rollover_anaesthesie','Bilder/rollover_allgemein.jpg');return true" onmouseout="changeImages('rollover_anaesthesie','Bilder/rollover_anaesthesie.jpg');return true" csclick="64f9bb21"></div>
<div id="anaesthesierollover" onclick="CSAction(new Array(/*CMP*/'67c7f1a10'));return CSClickReturn()" onmouseover="changeImages('rollover_anaesthesie','Bilder/rollover_anaesthesie.jpg');return true" onmouseout="changeImages('rollover_anaesthesie','Bilder/rollover_anaesthesie.jpg');return true" csclick="67c7f1a10"></div>
<map name="index_test2"><area shape="rect" coords="7,344,62,368" href="index.html" alt="" target="_self"></map></div>
</body>
</html>
Die Seite erreicht man unter
medizi-Stuttgart.de
Wie gesagt, ich komme hier einfach nicht weiter. Da jedoch mehr als 90% der Seitenbesucher IE verwenden, ist es wichtig, das der Rollover Effekt auch damit funktioniert. Evtl. sehe ich ja auch den "Wald vor lauter Bäumen" nicht
!
Ich hoffe Ihr könnt mir hierbei weiterhelfen .... Danke schonmal vorweg ....
Gruß Zahny
