menue

untread

untread

Erfahrenes Mitglied
http://www.tonganer.de/

wie bekommm so nen effekt hin? ( imagerollover wohl kaum =))
links unten die box..wo zb wars, news und misc drinnen steht?

javascript?

suchen bringt mir nichts, weil ich nicht mal weiss wie ichs nennen soll ;)
 
MouseOver, b.zw. OnClick, dann werden die Grafiken in der Tabelle getauscht.

Relativ einfach zu realisieren!!!

Der überwiegend relevante Scriptteil siehe unten (ohne Functionen)!


Code: 
<map name="Map"> 
  <area shape="rect" coords="2,5,28,40" href="latest.php?alat=swars" target="LATEST" onClick="MM_swapImage('Image1','','/gfx/middle_1_left_middle_wars2.gif',1);MM_swapImage('Image2','','/gfx/middle_1_left_middle_wars1.gif',1)">
  <area shape="rect" coords="2,45,28,80" href="latest.php?alat=snews" target="LATEST" onClick="MM_swapImage('Image1','','/gfx/middle_1_left_middle_news2.gif',1);MM_swapImage('Image2','','/gfx/middle_1_left_middle_news1.gif',1)">
  <area shape="rect" coords="2,85,28,120" href="latest.php?alat=smisc" target="LATEST" onClick="MM_swapImage('Image1','','/gfx/middle_1_left_middle_misc2.gif',1);MM_swapImage('Image2','','/gfx/middle_1_left_middle_misc1.gif',1)">
</map>
Zum Vergrößern anklicken....
 
Zuletzt bearbeitet:
wie schaut das jetzt aus...sagen wir mal so wie bei der website (tonga)...
ich muss 6 gifdatein erstellen...
dann den bereich ...wer angeklickt werden kann auf eine extra gif datei geben und dem dann die koordinaten zuweisen...
sind das relative koordinaten oder vom 0 punkt der gif datei ausgehend?
 
oke das mit den areas bekomm ich hin...nur der image wechsel klappt nicht

Code: 
<HTML>
<HEAD>
<TITLE>menu 1</TITLE>
<SCRIPT language=JavaScript>
<!--


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>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<TABLE WIDTH=250 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD>
			<IMG border="0" usemap=#Map SRC="images/menu_contact_01.gif" WIDTH=250 HEIGHT=21 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="images/menu_contact_02.gif" WIDTH=250 HEIGHT=129 ALT=""></TD>
	</TR>
</TABLE>

<map name="Map"> 
  <area shape="rect" coords="10,1,100,20" href="www.tutorials.de" target="LATEST" onClick="MM_swapImage('Image1','','/images/menu_contact_01.gif',1);MM_swapImage('Image2','','/menu_contact_02.gif',1)">
  <area shape="rect" coords="140,1,240,20" href="www.tutorials.de" target="LATEST" onClick="MM_swapImage('Image1','','/images/menu_contact_01.gif',1);MM_swapImage('Image2','','/images/menu_contact_02.gif',1)">
</map>

</BODY>
</HTML>

Es gib IMAGE1 und IMAGE2 ...wie sind die definiert? sprich was muss ich im IMAGE1 bzw. im IMAGE2 für ein Bild hineingeben
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück