JavaScript Bildwechsel --> funktioniert nicht ganz

  • #1
C

Corny_online

Guest
Hallo!

Wenn sich der Mauszeiger auf Home befindet verändert sich nicht der Button, sondern man sieht den zweiten Button im Titelbild oben - warum?

Code:
<head>
<title>test</title>
</head>

<body bottommargin=0 topmargin=0>

<center>

<!-- Anfang Titelbild (Tabelle) -->
<table width=700 border=2 cellspacing=0 cellpadding=0 align=center>
<img src=titelbild.PNG width=700 height=100 border=0 alt=>
</table>
<!-- Ende Titelbild (Tabelle) -->

<!-- Anfang von Tabelle mit Navigation und Inhalt -->
<table width=700 bgcolor=d3e5fa border=2 cellspacing=0 cellpadding=10>
<tr>

<font color=black>



<script type=text/javascript>
<!--
Normal1 = new Image();
Normal1.src = home1.png;     /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = home2.png; /* erste Highlight-Grafik */

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

<td width=20% valign=top>

<a href=index.html
   onMouseOver=Bildwechsel(0,Highlight1)
   onMouseOut=Bildwechsel(0,Normal1)><img src=home1.png
   width=100 height=20 border=0 alt=Home></a><br>

</td>



<td width=80% valign=top>
<p align=left>
<font face=arial color=black size=3><b>News</b>
</p>
text<br>
text<br>
text<br>
text<br>
text<br>
text<br>
text<br>
text<br>
text<br>
text<br>
text<br>
text<br>
text<br>
text<br>
text<br>
text<br>
<br><br><br>
<p align=center><a href=#top><img src=img/oben.jpg width=32 height=30 border=0 alt=nach oben></a></p>
<br><br><br><br>
</td>
</font>
</tr>
</table>
<!-- Ende von Tabelle mit Navigation und Inhalt -->

</center>

</body>
</html>

MfG, Corny|on
 
  • #2
Hi Corny|on,

du würdest mir einen großen Gefallen tun, wenn du die Seite mal uploaden könntest, sodass auch alle Bilder verfügbar sind!
Ohne Bilder lässt sich m.E. so schwer das Problem finden ::)

Lieder bin ich nicht so bewandert, dass ich den Fehler mal eben aus dem Quellcode rauslesen kann!

MfG
Funky
 
  • #3
Hallo Funky!

Ich habe meinen Account bei Yahoo! abgemeldet - deshalb kann ich das die Seite nicht uploaden. ::)

MfG, Cornyon
 
  • #4
Ist ja logisch .... !!!

Mit dem Script:
Code:
Bildwechsel(0,Highlight1)
anderst Du ja das 0. Bild der Seite und das ist das titelbild.PNG. Also entweder änderst du den Aufruf nach:
Code:
Bildwechsel(1,Highlight1)
oder du arbeitest mit Img-Namen.
Code:
<script type=text/javascript>
<!--
function Bildwechsel(Bildname,Bildobjekt) {
window.document.images[Bildname].src = Bildobjekt.src;
}
//-->
</script>

<td width=20% valign=top>

<a href=index.html
  onMouseOver=Bildwechsel(BildHome,Highlight1)
  onMouseOut=Bildwechsel(BildHome,Normal1)>
<img src=home1.png
  width=100 height=20 border=0 alt=Home name=BildHome></a><br>

</td>
 
  • #5
Nun funktioniert es - vielen Dank für deine Antwort. :)

Jedoch warum ist titelbild.PNG das 0. Bild der Seite?


MfG, Corny|on


PS:
Ich habe den Code aus einem Tutorial - also ich kann nicht wirklich in JavaScript programmieren. ::)
 
  • #6
Die Bilder werden der Reihe nach durchnummeriert, wie sie im HTML-Code geladen werden und da dein Titelbild als erstes kommt ist es das 1. bzw. das 0. Bild.

Die beginnen immer bei 0, statt bei 1. :)

Code:
.
.
.

1. BILD, Bild Nr. 0
<img src=titelbild.PNG width=700 height=100 border=0 alt=>
.
.
.
2. BILD, Bild Nr. 1
<img src=home1.png  width=100 height=20 border=0 alt=Home>
.
.
.
3. BILD, Bild Nr. 2
<img src=img/oben.jpg width=32 height=30 border=0 alt=nach oben>
.
.
.
 
  • #7
Habe verstanden - danke! :)

MfG, Corny|on
 
Thema:

JavaScript Bildwechsel --> funktioniert nicht ganz

ANGEBOTE & SPONSOREN

Statistik des Forums

Themen
113.838
Beiträge
707.959
Mitglieder
51.491
Neuestes Mitglied
haraldmuc
Oben