Script: onMouseOver mit Java

admin

HTML

<html>
<body>
<script language="JavaScript" type="text/javascript">
  function changeImage( imgName, imgFile ) {
    if( document.images )
      document.images[imgName].src = imgFile;
  }
</script>
<a href="Xy.htm"
  onMouseOver="changeImage('img1','imgon.gif')"
  onMouseOut="changeImage('img1','imgoff.gif')">
  [img]imgoff.gif[/img]
  (Grafik mit Maus überfahren ohne zu klicken)</a>
<button type="button"
  onClick="self.location.href='Xy.htm'"
  onMouseOver="changeImage('img2','imgon.gif')"
  onMouseOut="changeImage('img2','imgoff.gif')">
  [img]imgoff.gif[/img]
  Buttontext
</button>
</body>
</html>

Alles anzeigen

Folgende Kommandos sind equivalent
document.images[0].src
document.images['img1'].src
document.img1.src

Viel Spaß beim Testen

HoLo

für welche namen, die du verwendet hast, muss ich jetzt meine dateinamen eingeben?

admin

Wenn Du die Grafiken meinst, dann sind es nur zwei Gafiken
imgon.gif & imgoff.gif

HoLo

aha, ich weiß jetzt warum es bei mir nicht ging...
Ich habe meine Bilder in einem extra ordner angelegt und habe als pfadname immer: Bilder\... angegeben, das geht aber scheinbar net. Wenn die bilder aber im gleichen orner sind, dann gehts!

HoLo

looooool, ich hab spaßeshalber mal innerhalb des mouseovers als pfadquelle Bilder/... genommen und damit gehts!

admin

Scheint ja bei Dir mit dem Mousover zu gehen

HoLo

jo! danke

philipp...m

Bei mir gehts leider nicht

ich poste mal meinen code...

Zitat

<html>
<body>
<script language="JavaScript" type="text/javascript">
function changeImage( imgName, imgFile ) {
if( document.images )
document.images[imgName].src = imgFile;
}
</script>

<a href="index.html" onMouseOver="changeImage('img1','res/b.gif')"
onMouseOut="changeImage('img1','res/b2.gif')">
</a>

</body>
</html>

Alles anzeigen

Hilfe!!??

Kann keiner Helfen?

stefan999

Zitat von admin

HTML

<html>
<body>
<script language="JavaScript" type="text/javascript">
  function changeImage( imgName, imgFile ) {
    if( document.images )
      document.images[imgName].src = imgFile;
  }
</script>
<a href="Xy.htm"
  onMouseOver="changeImage('img1','imgon.gif')"
  onMouseOut="changeImage('img1','imgoff.gif')">
  [img]imgoff.gif[/img]
  (Grafik mit Maus überfahren ohne zu klicken)</a>
<button type="button"
  onClick="self.location.href='Xy.htm'"
  onMouseOver="changeImage('img2','imgon.gif')"
  onMouseOut="changeImage('img2','imgoff.gif')">
  [img]imgoff.gif[/img]
  Buttontext
</button>
</body>
</html>

Alles anzeigen

onmouseover, onmouseout bzw. onclick muss man durchgehend klein schreiben.

Das hat wie erwartet nichts geholfen...

mich würde das auch interessieren!

admin

Zitat von Anonymous

mich würde das auch interessieren!

Das gebau würde dich auch interessieren ?
Das script geht soweit.
Du solltest den Code zu 100 % genau einbauen

Habe ich ja, aber es geht nunmal nicht..oder stimmt was an dem code oben nicht? Hbae ihn ja gepostet

admin

Werde mal den Code oben nochmals Testen und dann berichten

admin

Habe das Script mal getestet und auch mal ein Beispiel dazu gemacht

https://www.forum-hilfe.de/beispiele/roll…verbeispiel.htm

Wie habt ihr den Code eingefügt oder mit welchen Programm habt macht ihr eure Seite ?

Ich habe es einfach mit einem Texteditor gemacht...

BBedit

admin

Und, wo liegt jetzt das Problem ?
Poste doch mal die Seite von Dir

Die seite ist ja noch nicht online...

Meine Bilder heissen "b.gif" <-das ist das normale und "b2.gif"<-das für mouse over Beide liegen im Ordner "res".
Hier nochmal der Code:

Zitat

<html>
<body>

<script language="JavaScript" type="text/javascript">
function changeImage( imgName, imgFile ) {
if( document.images )
document.images[imgName].src = imgFile;
}
</script>
<a href="index.htm target="main"
onMouseOver="changeImage('img1','res/b2.gif')"
onMouseOut="changeImage('img1','res/b.gif')">

</a>

</body>
</html>

Alles anzeigen

Gast

Zitat von Anonymous

Die seite ist ja noch nicht online...

Meine Bilder heissen "b.gif" <-das ist das normale und "b2.gif"<-das für mouse over Beide liegen im Ordner "res".
Hier nochmal der Code:

Hallo,

ich bin Gast und habe mal eure Posts gelesen.
In dem letzten code ist für das anzuzeigende Bild ein Pfad angegeben worden, was offensichtlich nicht funktioniert.
Zitat "onMouseOver="changeImage('img1','res/b2.gif')""

Ich interessiere mich derzeit auch für ein funktionierendes script in der Richtung. Was mich stört ist halt die Tatsache, dass man keine Pfadangaben in den onmouseover Anweisungen verwenden kann.

Tags