• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

3 facherbildwechsel

B

borris

Neues Mitglied
Habe eine Menüleiste in der ich den Ausganspunkt "Übersicht" makiert habe. Beim Mouseover entseht eine rote Schrift über dem Punkt über den man fährt. Nun möchte ich wenn ich auf den Menüpunkt "Bildarchiv" drücke möchte ich das keine schwarze Line zwischen dem Head und Content ist.

Bitte um Hilfe,

test.JPG
 
Wenn ich dich richtig verstanden habe, kannst du das doch auch einfach mit css lösen.
zwei bilder: reiter im hintergrund, reiter im vordergrund.
für den text auch text verwenden, damit du ihm getrennte formatierungen geben kannst.

drei css-klassen:
normal
bei mousover
wenn aktiv

die klasse für "wenn aktiv" weist du per onclick-event zu
mousover machst du per css

sollte bei onclick allerdings die seite neu geladen werden, musst du abfragen, welcher menüpunkt da gerade angezeigt wird und die entsprechende klasse nach dem neu laden der seite anwenden.
da weiß ich allerdings nur wie es mit php zu bewerkstelligen geht.
sollte für JS aber auch nicht schwer zu ergooglen sein
 
ja bin nicht gerade der experte für js ich kann mir das nicht vorstellen wie das geht:

hier mein aktuelles script:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<title>WETTER Diagramme</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--<meta http-equiv="refresh" content="10">-->
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<SCRIPT language="JavaScript">
<!--

function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() {
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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_findObj(n, d) {
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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() {
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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}


function click(evt) {
if (navigator.appName.indexOf("Microsoft") != -1){
if (event.button==2) {
alert('MechatroniX Wetterstation');
return false
};
};
if (navigator.appName.indexOf("Netscape") != -1) {
if ( evt.which == 3 ) {
alert('MechatroniX Wetterstation');
return false
};
};
};
// -->
</SCRIPT>
<SCRIPT language="JavaScript">
<!--
document.onmousedown=click;
// -->
</SCRIPT>
</head>
<body bgcolor="#404080" onload="MM_preloadImages('MenuUInfoH.gif','MenuVideoUbersichtH.gif','MenuVideo24H.gif','MenuVideo1H.gif','MenuVideoBildH.gif','MenuVideoVideoH.gif','MenuVideoInfoH.gif','Video1H.gif','Video2H.gif','Video3H.gif','Video4H.gif','Video5H.gif','Video6H.gif','Video7H.gif')">
<table height="82%" width="700" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFCC">
<tr>
<td height="25" bgcolor="#404080" background="MenuUbersicht.gif" ><img border="0" usemap="#MapMenue" id="ImageM" name="ImageM" src="MenuUbersicht.gif" width="650" height="31">
<map name="MapMenue">
<area shape="rect" coords="34, 5, 103, 22" href="Wetter_analog.htm" target="P" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('ImageM','','MenuVideoUbersichtH.gif',1)">
<area shape="rect" coords="120, 5, 235, 22" href="Wetter_24h.htm" target="P" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('ImageM','','MenuVideo24.gif',1)">
<area shape="rect" coords="252, 5, 357, 22" href="Wetter_1h.htm" target="P" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('ImageM','','Menu1h.gif',1)">
<area shape="rect" coords="370, 5, 440, 22" href="Bildarchiv.htm" target="P" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('ImageM','','MenuVideoBild.gif',1)">
<area shape="rect" coords="455, 5, 528, 22" href="Videoarchiv.htm" target="P" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('ImageM','','MenuVideoVideo.gif',1)">
<area shape="rect" coords="540, 5, 575, 22" href="Info.htm" target="P" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('ImageM','','MenuVideoInfo.gif',1)">
</map>
</td>
</tr>
<tr>
<td height="161">&nbsp;</td>
</tr>
<tr><td align="center">
&nbsp;</td>
</tr>
</table>
</body>
</html>
 
Beantwortet zwar meine Frage nach dem Grund, warum .gif ein Hindernis darstellt, nicht...aber sei es drum.
Ich bin ebenfalls kein Crack in JS und falle darum an dieser Stelle als brauchbare Hilfe aus!
Da du selber auch keiner bist, wäre mein Vorschlag von oben erst recht überdenkenswert ;)
 
vorzugsweise mit nem grafikprogramm!
benutzt du .gif hier hier als synonym für "animierte grafik" mit mehreren einzelbildern oder handelt es sich einfach nur um bilder im besagten format?
bei ersterem benötigst du einen gif-editor um die einzelbilder zu bearbeiten.
bei letzterem benötigst du nur irgendein grafikprogramm.
 
also es sind mehrere Bilder mit allen Möglichkeiten. Die Bilder sind fix und fertig ich möchte nur dass die 3 Bilder nacheinander angezeigt werden (mouseon mouseover mouseklick)

bitte um hilfe danke
 
so ich habe die homepage mal online gestellt.

http://www.beckhoff-online.at/wetterstation.html

dieses Problem sollte ich lösen. Ich möchte wenn ich auf Übersicht klicke,dass das Register dazupasst also die Grafik.

function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}


<area shape="rect" coords="252, 5, 357, 22" href="Wetter_1h.htm" target="P" onMouseOut="MM_swapImgRestore()" onMouseOver="document.Buidl.src="MenuVideo24H.gif">

bitte um hilfe
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben