PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Buttons (kein onmouseover)

D3aDl0cK
2007-05-08, 01:47:53
Hab ma wieder nen Problem:
kann mir jemand sagen was ich daran falsch gemacht hab?
wenn ich mit der maus über die Navi gehe, verschwindet das Bild oben links und ansonsten passiert nichts (weiterleitung geht, aber das wars auch schon)....

<html>

<body
text="#FFFFFF"
link="#FFFFFF"
alink="#FFFFFF"
vlink="#FFFFFF"
bgcolor="#0099FF" >


<!-- img src="pic/Logoklbl.JPG" align="top" border="0"-->

img style="position: absolute;z-index:1; left: 0px; top: 0px; width: 160px; height: 161px;" src="pic/Logoklbl.JPG">


<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "button_Aktuelles.gif";
Highlight1 = new Image();
Highlight1.src = "button_Aktuelles2.gif";

Normal2 = new Image();
Normal2.src = "button_FSaktuell.gif";
Highlight2 = new Image();
Highlight2.src = "button_FSaktuell2.gif";

Normal3 = new Image();
Normal3.src = "button_Termine.gif";
Highlight3 = new Image();
Highlight3.src = "button_Termine2.gif";

Normal4 = new Image();
Normal4.src = "button_Downloads.gif";
Highlight4 = new Image();
Highlight4.src = "button_Downloads2.gif";

Normal5 = new Image();
Normal5.src = "button_Kontakt.gif";
Highlight5 = new Image();
Highlight5.src = "button_Kontakt2.gif";

Normal6 = new Image();
Normal6.src = "button_Links.gif";
Highlight6 = new Image();
Highlight6.src = "button_Links2.gif";

Normal7 = new Image();
Normal7.src = "button_Impressum.gif";
Highlight7 = new Image();
Highlight7.src = "button_Impressum2.gif";

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




<table style="position: absolute;font-family:Arial; z-index:1; left: 10px; top: 250px" width="100%" border="0" cellpadding="4" cellspacing="0">



<tr>
<td><a href="sub/aktuell/aktuell.php" target="main"
onmouseover="Bildwechsel(0, Highlight1)" onmouseout="Bildwechsel(0, Normal1)">
<img src="buttons/button_Aktuelles.gif" width="200" height="67" border="0" alt="[AKTUELLES]"></a> </td>
</tr>
<tr>
<td><a href="sub/fsaktuell/fsaktuell.htm" target="main"
onmouseover="Bildwechsel(1, Highlight2)" onmouseout="Bildwechsel(1, Normal2)">
<img src="buttons/button_FSaktuell.gif" width="200" height="67" border="0" alt="[FS-AKTUELL]"></a> </td>
</tr>
<tr>
<td><a href="sub/termine/termine.htm" target="main"
onmouseover="Bildwechsel(2, Highlight3)" onmouseout="Bildwechsel(2, Normal3)">
<img src="buttons/button_Termine.gif" width="200" height="67" border="0" alt="[TERMINE]"></a> </td>
</tr>
<tr>
<td><a href="sub/downloads/downloads.htm" target="main"
onmouseover="Bildwechsel(3, Highlight4)" onmouseout="Bildwechsel(3, Normal4)">
<img src="buttons/button_Downloads.gif" width="200" height="67" border="0" alt="[DOWNLOADS]"></a> </td>
</tr>
<tr>
<td><a href="sub/kontakt/kontakt.htm" target="main"
onmouseover="Bildwechsel(4, Highlight5)" onmouseout="Bildwechsel(4, Normal5)">
<img src="buttons/button_Kontakt.gif" width="200" height="67" border="0" alt="[KONTAKT]"></a> </td>
</tr>
<tr>
<td><a href="sub/links/links.htm" target="main"
onmouseover="Bildwechsel(5, Highlight6)" onmouseout="Bildwechsel(5, Normal6)">
<img src="buttons/button_Links.gif" width="200" height="67" border="0" alt="[LINKS]"></a> </td>
</tr>
<tr>
<td>  </td>
</tr>
<tr>
<td>  </td>
</tr>
<tr>
<td><a href="sub/impressum/impressum.htm" target="main"
onmouseover="Bildwechsel(6, Highlight7)" onmouseout="Bildwechsel(6, Normal7)">
<img src="buttons/button_Impressum.gif" width="200" height="67" border="0" alt="[IMPRESSUM]"></a> </td>
</tr>

<tr>
<td><a href="poker/poker.htm" target="_blank">[Poker]</a> </td>
</tr>

</table>
(habs ma draufgelassen falls das jmd im web sehn muss navi-dyn.htm (http://www.zahnmedizin-mainz.com/navi-dyn.htm)

wär super falls mir da jemand weiterhelfen kann!
mictasm
2007-05-08, 03:45:47
Hab jetzt noch nicht viel gesehen, aber da fehlt ein < vor dem ersten img Aufruf. Im Online-Quelltext ist er drin.

Und sollte die ganze Scriptgeschichte nicht im Head liegen.

EDIT 2: bei den Aufrufen unten ist immer normal1 und highlight1 angegeben. Müssten die Zahlen nicht aufsteigend sein mit jedem Bild?

EDIT 3: es bleibt bei einer professionellen Seite hoffentlich nicht dabei, dass sich ein Popup mit Werbung öffnet...
D3aDl0cK
2007-05-08, 10:36:46
normal 1 und highlight 1 steigen, jepp, dachte ich hätt das schon ersetzt.

habs jetzt im head und die grafiken verschwinden nicht mehr, aber wechseln immer noch nicht.

das mit der werbung soll nicht bleiben, nur hab ich bisher noch keinen anderen gescheiten counter gefunden, weil ich sozusagen einen draufmachen muss =(

(button grafiken werden auch noch nen gutes stück kleiner sobald es funktioniert)
mictasm
2007-05-08, 18:14:09
Setzt bitte mal den gesamten Bereich zwischen <script type="text/javascript"> und </script> in Kommentare <!-- -->

Und bei "function Bildwechsel (Bildnr, Bildobjekt)" entferne mal das Leerzeichen vor der Klammer.
Sephiroth
2007-05-08, 20:00:02
Ein Array bei Javascript beginnt überlicherweise beim Index 0 und geht bis Array.length-1.
window.document.images ist ein solches Array und das 1. Element, also das mit Index 0, ist nunmal das was im Quelltext als als erstes kommt. Und das ist das Bild oben links!
Was wäre zu tun?
function Bildwechsel (Bildnr, Bildobjekt) {
window.document.images[Bildnr+1].src = Bildobjekt.src;
}
Das wäre am einfachsten, so muß du nicht bei jedem Link die Nummer, sprich ersten Parameter für Bildwechsel(), um eins erhöhen.

Außerdem sind die Pfadangaben für deine Images, die du per Script erstellst, falsch (der Ordner fehlt).
D3aDl0cK
2007-05-08, 21:32:38
Dank euch allen!

@Sephiroth Vielen Dank! Funktioniert jetzt! Hätt ich im Leben nimmer gesehn, dass ich die Pfadangaben oben vergessen hab =(