Ja, klar geht das, Du mußt mit benannten Bildern
arbeiten, ich habe mal so ein Teil für Dich gemacht
als Muster:
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/url]
<html xmlns="[url]http://www.w3.org/1999/xhtml">[/url]
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Unbenannte Seite</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<csactions>
<csaction name="c170a98e1" class="Set Image URL" type="onevent" val0="bdwechsel" val1="images/AMIblau.gif" urlparams="2"></csaction>
<csaction name="c170a9a12" class="Set Image URL" type="onevent" val0="bdwechsel" val1="images/amilogo.gif" urlparams="2"></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;
CSAg = window.navigator.userAgent; CSBVers = parseInt(CSAg.charAt(CSAg.indexOf("/")+1),10);
CSIsW3CDOM = ((document.getElementById) && !(IsIE()&&CSBVers<6)) ? true : false;
function IsIE() { return CSAg.indexOf("MSIE") > 0;}
function CSIEStyl(s) { return document.all.tags("div")[s].style; }
function CSNSStyl(s) { if (CSIsW3CDOM) return document.getElementById(s).style; else return CSFindElement(s,0); }
CSIImg=false;
function CSInitImgID() {if (!CSIImg && document.images) { for (var i=0; i<document.images.length; i++) { if (!document.images[i].id) document.images[i].id=document.images[i].name; } CSIImg = true;}}
function CSFindElement(n,ly) { if (CSBVers<4) return document[n];
if (CSIsW3CDOM) {CSInitImgID();return(document.getElementById(n));}
var curDoc = ly?ly.document:document; var elem = curDoc[n];
if (!elem) {for (var i=0;i<curDoc.layers.length;i++) {elem=CSFindElement(n,curDoc.layers[i]); if (elem) return elem; }}
return elem;
}
function CSGetImage(n) {if(document.images) {return ((!IsIE()&&CSBVers<5)?CSFindElement(n,0):document.images[n]);} else {return null;}}
CSDInit=false;
function CSIDOM() { if (CSDInit)return; CSDInit=true; if(document.getElementsByTagName) {var n = document.getElementsByTagName('DIV'); for (var i=0;i<n.length;i++) {CSICSS2Prop(n[i].id);}}}
function CSICSS2Prop(id) { var n = document.getElementsByTagName('STYLE');for (var i=0;i<n.length;i++) { var cn = n[i].childNodes; for (var j=0;j<cn.length;j++) { CSSetCSS2Props(CSFetchStyle(cn[j].data, id),id); }}}
function CSFetchStyle(sc, id) {
var s=sc; while(s.indexOf("#")!=-1) { s=s.substring(s.indexOf("#")+1,sc.length); if (s.substring(0,s.indexOf("{")).toUpperCase().indexOf(id.toUpperCase())!=-1) return(s.substring(s.indexOf("{")+1,s.indexOf("}")));}
return "";
}
function CSGetStyleAttrValue (si, id, st) {
var s=si.toUpperCase();
var myID=id.toUpperCase()+":";
var id1=s.indexOf(myID,st);
if (id1==-1) return "";
var ch=s.charAt(id1-1);
if (ch!=" " && ch!="\t" && ch!="\n" && ch!=";" && ch!="{")
return CSGetStyleAttrValue (si, id, id1+1);
var start=id1+myID.length;
ch=s.charAt(start);
while(ch==" " || ch=="\t" || ch=="\n") {start++; ch=s.charAt(start);}
s=s.substring(start,si.length);
var id2=s.indexOf(";");
return ((id2==-1)?s:s.substring(0,id2));
}
function CSSetCSS2Props(si, id) {
var el=document.getElementById(id);
if (el==null) return;
var style=document.getElementById(id).style;
if (style) {
if (style.left=="") style.left=CSGetStyleAttrValue(si,"left",0);
if (style.top=="") style.top=CSGetStyleAttrValue(si,"top",0);
if (style.width=="") style.width=CSGetStyleAttrValue(si,"width",0);
if (style.height=="") style.height=CSGetStyleAttrValue(si,"height",0);
if (style.visibility=="") style.visibility=CSGetStyleAttrValue(si,"visibility",0);
if (style.zIndex=="") style.zIndex=CSGetStyleAttrValue(si,"z-index",0);
}
}
function CSSetImageURL(action) {
var img=CSGetImage(action[1]);
if (img) img.src=action[2];
}
// --></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSAct[/*CMP*/ 'c170a98e1'] = new Array(CSSetImageURL,/*CMP*/ 'bdwechsel',/*URL*/ 'images/AMIblau.gif');
CSAct[/*CMP*/ 'c170a9a12'] = new Array(CSSetImageURL,/*CMP*/ 'bdwechsel',/*URL*/ 'images/amilogo.gif');
// --></script>
</csactiondict>
</head>
<body>
<table width="180" border="1" cellspacing="2" cellpadding="0">
<tr>
<td><a onmouseover="CSAction(new Array(/*CMP*/'c170a98e1'));return true;" onmouseout="CSAction(new Array(/*CMP*/'c170a9a12'));" href="#" csout="c170a9a12" csover="c170a98e1">Bild wechsel Dich</a></td>
<td></td>
<td><img id="bdwechsel" src="(EmptyReference!)" alt="" name="bdwechsel" border="0" /></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<p></p>
</body>
</html>[/code]
Hier funktioniert es a) wenn der Mauszeiger hereinkommt gibt
es das eine Bild und b) wenn der Mauszeiger den Link verläßt
gibt es das andere Bild.
Du mußt meine Bilder dann bei Dir ersetzen, wichtig ist
das für den Bildrahmen die Größe auf Bild gesetzt wird,
weil es sonst nicht paßt...
Gruß
Dirk
[levy-media.de MCP]
http://www.levy-media.de
Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.
