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
Hallo,
Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.
Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.
Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
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:
Das normale HTML Statement sieht dann so aus:
Das Grafiktemplate welches ich verwende sieht an der Stelle so aus:
Ich habe schon versuch dieses umzuschreiben
und funz natürlich nicht.
Hat jemand eine Idee?
Ich danke schon mal
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>
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>
Code: Alles auswählen
else {
$nav .= '<li><a href="'.$lev1->getUrl().'"><img src="/pics/navi/'.$picname1.'" title="'.$text1.'" alt="'.$text1.'" /></a>';
}
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>
Hat jemand eine Idee?
Ich danke schon mal