Forum

[Boonkid]

Hallo,

benutze die 3 Ebenen Navigation (Grafikerzeugend) und würde gerne einen RollOver effekt für die Buttons einbauen.

Hat jemand eine Idee dieses mit Java oder CSS umzusetzen? Es sollte aber auf jeden Fall eine zweite Grafik geladen werden.

Dankbar für jede Hilfe!

Gruss und danke für Redaxo 4

[Boonkid]

Hallo zusammen, habe leider noch keine Lösung gefunden -

Ich will das noch mal kurz erläutern:

Ich verwende folgendes Javascript - dieses ist Standart in Dreamweaver:

Code: Alles auswählen

<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

Das normale HTML Statement sieht dann so aus:

Code: Alles auswählen

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('impressum','','images/interface_01/impressum_h.gif',1)"><img src="images/interface_01/impressum_d.jpg" alt="impressum" name="impressum" width="65" height="15" border="0"></a>

Das Grafiktemplate welches ich verwende sieht an der Stelle so aus:

Code: Alles auswählen

else {
         $nav .= '<li><a href="'.$lev1->getUrl().'"><img src="/pics/navi/'.$picname1.'" title="'.$text1.'" alt="'.$text1.'" /></a>';
      }

Ich habe schon versuch dieses umzuschreiben

Code: Alles auswählen

<a href="'.$lev1->getUrl().'" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\''.$text1.'\',\'\',\'images/interface_01/navi01/'.$picname12.',1)"><img src="images/interface_01/navi01/'.$picname1.'" alt="'.$text1.'" name="'.$text1.'"></a>

und funz natürlich nicht.
Hat jemand eine Idee?

Ich danke schon mal