Archivlink: javarea.de Forum > JavaScript > Probleme mit Mouseover Effekt Scipt
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Probleme mit Mouseover Effekt Scipt

Pages: [1]

geschrieben von Backman am 29.06.2006 - 22:02
Hallo,

ich habe mir das mousover/grafik Script hier aus dem Forum, auf meiner Seite eingebaut.

Jedoch habe ich damit ein Problem:
Wenn ich das Script bzw. den eigentlichen Link innerhalb einer Tabelle einfüge, funktioniert es nicht, bzw. wird nicht richtig dargestellt.
Sobald ich es nicht in eine Tabelle reinsetze klappt es. Wo liegt das Problem?

Hier mal 2 Beispiel Links von meiner Seite:

http://www.stbruno.de/sommerlager/l....eiter1.htm
Da wurde der eigentlich Link für den Bildwechsel innerhalb einer Tabelle eingebunden und das Resulat könnt ihr dann links oben sehen.

http://www.stbruno.de/sommerlager/l....eiter2.htm
Hier ist es direkt oberhalb der Tabelle eingebunden und es funktioniert einwand frei.

Die 2 Scripte sind bis auf den Einbauort vollkommen identisch. Wer kann mir helfen? Wäre super.

Danke schon mal

grüße
Marc

geschrieben von René am 29.06.2006 - 22:16
du mußt deine Bilder zählen das erste fängt mit 0 (Null) an und das ist deine Flagge links oben.

onMouseOver="Bildwechsel(0,imageon0)" onMouseOut="Bildwechsel(0,image0)"

geschrieben von Backman am 30.06.2006 - 07:07
Achso, ok dann probiers ich es einmal aus
Danke.

geschrieben von Pand-H am 18.07.2006 - 16:04
Hallo, ich habe auch ein Problem mit Mouse Over. Und zwar hab ich Bilder in einer Tabelle, die ich durch Mouseover durch Highlightgrafiken ersetzen möchte. Bei einem einzelnen Bild in keiner Tabelle ist es kein Problem, aber in der Tabelle, wird die Highlightgrafik immer woanders (Anfang der Tabelle) angezeigt, statt das Bild zu wechseln.

Hier der Scriptcode:

http://www.pand-h.de/menu/buttons/menu.html

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<title>Unbenannte Seite</title>
	<script type="text/javascript">
          Normal1 = new Image();
          Normal1.src = "startseite_1.jpg";     /* erste Standard-Grafik */
          Highlight1 = new Image();
          Highlight1.src = "startseite_2.jpg"; /* erste Highlight-Grafik */

          

          function Bildwechsel (Bildnr, Bildobjekt) {
          window.document.images[Bildnr].src = Bildobjekt.src;
          }
</script>
	</head>

	<body>
		<table width="1000" border="0" cellspacing="0" cellpadding="0" height="400">
			<tr height="30">
				<td width="30" height="30"><img src="../banner/1.jpg" alt="" height="30" width="30" border="0" /></td>
				<td colspan="7" width="942" height="30" background="../banner/5.jpg"></td>
				<td width="30" height="30"><img src="../banner/2.jpg" alt="" height="30" width="30" border="0" /></td>
			</tr>
			<tr height="11">
				<td colspan="9" width="1002" height="11"><img src="../banner/7.jpg" alt="" height="11" width="1000" border="0" /></td>
			</tr>
			<tr height="50">
				<td width="30" height="50"><img src="../banner/9.jpg" alt="" height="50" width="30" border="0" /></td>
				<td><a onmouseover="Bildwechsel(0, Highlight1)" onmouseout="Bildwechsel(0, Normal1)" title="WrestlingWaechter.de" name="" href="index.html"><img src="startseite_1.jpg" alt="" height="50" width="150" border="0" /></a></td>
				<td width="150" height="50"><img src="neuigkeiten_1.jpg" alt="" height="50" width="150" border="0" /></td>
				<td width="152" height="50"><img src="tv_shows_1.jpg" alt="" height="50" width="150" border="0" /></td>
				<td width="40" height="50"><img src="../banner/13.jpg" alt="" height="50" width="40" border="0" /></td>
				<td width="150" height="50"><img src="ppv_shows_1.jpg" alt="" height="50" width="150" border="0" /></td>
				<td width="150" height="50"><img src="house_shows_1.jpg" alt="" height="50" width="150" border="0" /></td>
				<td width="150" height="50"><img src="champions_1.jpg" alt="" height="50" width="150" border="0" /></td>
				<td width="30" height="50"><img src="../banner/10.jpg" alt="" height="50" width="30" border="0" /></td>
			</tr>
			<tr height="218">
				<td colspan="9" width="1002" height="218"></td>
			</tr>
			<tr height="50">
				<td width="30" height="50"><img src="../banner/11.jpg" alt="" height="50" width="30" border="0" /></td>
				<td width="150" height="50"><a href="(EmptyReference!)" onmouseover="Bildwechsel(0, Highlight1)" onmouseout="Bildwechsel(0, Normal1)"><img src="superstars_1.jpg" alt="" height="50" width="150" border="0" /></a></td>
				<td width="150" height="50"><img src="kolumnen_1.jpg" alt="" height="50" width="150" border="0" /></td>
				<td width="152" height="50"><img src="forum_1.jpg" alt="" height="50" width="150" border="0" /></td>
				<td width="40" height="50"><img src="../banner/14.jpg" alt="" height="50" width="40" border="0" /></td>
				<td width="150" height="50"><img src="tv_guide_1.jpg" alt="" height="50" width="150" border="0" /></td>
				<td width="150" height="50"><img src="wrestling_1.jpg" alt="" height="50" width="150" border="0" /></td>
				<td width="150" height="50"><img src="weiteres_1.jpg" alt="" height="50" width="150" border="0" /></td>
				<td width="30" height="50"><img src="../banner/12.jpg" alt="" height="50" width="30" border="0" /></td>
			</tr>
			<tr height="11">
				<td colspan="9" width="1002" height="11"><img src="../banner/8.jpg" alt="" height="11" width="1000" border="0" /></td>
			</tr>
			<tr height="30">
				<td width="30" height="30"><img src="../banner/3.jpg" alt="" height="30" width="30" border="0" /></td>
				<td colspan="7" width="942" height="30" background="../banner/6.jpg"></td>
				<td width="30" height="30"><img src="../banner/4.jpg" alt="" height="30" width="30" border="0" /></td>
			</tr>
		</table>
		<p></p>
	</body>

</html>


Ich habe einfach keine Lösung. Müsste eigentlich doch funktionieren.

Danke schon im VOrraus!

Patrik

geschrieben von René am 18.07.2006 - 17:34
Zitat
 Original geschrieben von René am 29.06.2006 - 22:16

du mußt deine Bilder zählen das erste fängt mit 0 (Null) an und das ist deine Flagge links oben.

onMouseOver="Bildwechsel(0,imageon0)" onMouseOut="Bildwechsel(0,image0)"



geschrieben von Pand-H am 19.07.2006 - 16:57
Zitat
 Original geschrieben von René am 18.07.2006 - 17:34

Zitat
 Original geschrieben von René am 29.06.2006 - 22:16

du mußt deine Bilder zählen das erste fängt mit 0 (Null) an und das ist deine Flagge links oben.

onMouseOver="Bildwechsel(0,imageon0)" onMouseOut="Bildwechsel(0,image0)"




Sorry,aber damit kann ich nichts anfangen. ich habe sie doch Nummeriert. Wenn sich jemand die Seite angucken würd und mir genau sagen, was falsch ist, würde es mich wirklich sehr freuen.

http://www.pand-h.de/menu/buttons/menu.html

geschrieben von René am 19.07.2006 - 17:39
du sollst nicht nur nummerieren sonden auch die richtige Nummer eintragen.

Zitat
 du mußt deine Bilder zählen das erste fängt mit 0 (Null) an

geschrieben von Hawk am 19.07.2006 - 18:46

geschrieben von Pand-H am 19.07.2006 - 20:53
Danke Hawk. Noobs brauchen halt ne ausführliche Erklärung.

geschrieben von Hawk am 19.07.2006 - 21:02
@Pand-H

Gern geschehen. Hauptsache es läuft jetzt.


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.