✔ Zwei Pics per Link gleichzeitig ansprechen?

S

SixxKiller

Erfahrenes Mitglied
Hi Leutz!

Ich hab ein kleines Problem wobei ich eure Hilfe benötige.
Ich erstelle gerade eine neue Webseite. ( Screen hängt an )
Ein normales Menü auf der linken seite mit Mouse Over.
Neben der eigentlichen HP sind mehrere Buttons die ebenfalls per Mouse Over reagieren.
Nun möchte ich, wenn man einen Link im Menü benutzt gleichzeitig der Mouseover beim
Menü sowie dem dementsprechenden Button der Mouse Over angezeigt wird.
Die Buttons sollen aber nicht verlinkt werden.
Wie kann ich sowas realisieren?
Danke für eure Hilfe.

Greetz SixxKiller

Den Code vom Menü ist hier:
Code: 
	<tr>
		<td colspan="4">
			<a onfocus="this.blur()" href="design.htm">
			<img src="Bilder/m2.gif" onMouseOver="this.src='Bilder/m2a.gif'" onMouseOut="this.src='Bilder/m2.gif'" width="222" height="28" border="0"></a></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="28" alt=""></td>
	</tr>
 
Ja das ist genau das wie ich es gerne haben möchte.
Hab mir den Quelltext angeschaut aber so wirklich schau ich da
noch nicht durch.
Code: 
<html>
<head>
<title>Mehrfachtausch - Variation - Beispiel 2</title>
<meta name="author" content="J&uuml;rgen Asendorf">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<link rel="stylesheet" type="text/css" href="../format_mouseover.css" >



<style type="text/css">
<!--
body
{margin-top: 10px; margin-left: 30px; margin-right: 20px;
 color:#ffffff ; background-color:black; font-family: verdana; font-size: 10pt;  }

-->
</style>



<SCRIPT LANGUAGE="JavaScript">
pic = new Image(133, 145);
pic.src = "man3.gif";
pic = new Image(133, 145);
pic.src = "man4.gif";
pic = new Image(133, 145);
pic.src = "man5.gif";
pic = new Image(133, 145);
pic.src = "man6.gif";

</SCRIPT>

<script language="JavaScript">
<!--
function zu() { window.close() }
// -->
</script>

</head>
<body bgcolor="#000000" text="#cccccc">


<div align="center">Beispiel 2</div>
<br>
<br>

<table align="center" bgcolor="#FFFFFF" border="3" >
<tr>
 <td> <table>

<tr>
 <td><a href="../test.htm" onMouseover="man2.src='man3.gif';
man1.src='man5.gif';"
onMouseout="man2.src='man2.gif';
man1.src='man1.gif';">
<IMG SRC="man1.gif" WIDTH="133" HEIGHT="145" NAME="man1"
BORDER="0"></a> </td>
Nun hab ich ja den Code oben für den Mouse Over drin.
Gibt es damit vielleicht eine Möglichkeit?
Oder muss ich den Code von hier verwenden?

Greetz SixxKiller
 
Hi,

in dem verlinkten Beispiel ist dieser Quelltext-Ausschnitt für dich interessant:

Code: 
<a href="../test.htm" onMouseover="man2.src='man3.gif';man1.src='man5.gif';" onMouseout="man2.src='man2.gif';man1.src='man1.gif';"><IMG SRC="man1.gif" WIDTH="133" HEIGHT="145" NAME="man1"BORDER="0"></a>

Du gibst den einzelnen Grafiken mit dem name-Attribut einen Namen (im nachfolgenden Beispiel img1 und img2) und tauscht für die Namen die Grafik-URI im src-Attribut.

In diesem Beispiel werden die zwei Grafiken bild_1.png und bild_2.png beim Überfahren des Links gegeneinander ausgetauscht:

Code: 
<a href="#" onmouseover="img1.src='bild_2.png';img2.src='bild_1.png';" onmouseout="img1.src=bild_1.png';img2.src='bild_2.png';"><img name="img1" src="bild_1.png" border="0"></a>

<p><img name="img2" src="bild_2.png" border="0"></p>
Für jedes weitere Bild im Dokument würde dann bei der Namensvergabe die Numerierung fortgesetzt werden, also img3, img4, usw.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück