Hilfe bei Buttons!! (Bild als Link)

[philipp.hat.alles]

Hi Leute,

bin grad dabei, mein Quelltext zu schreiben und da kommt mir das in den Weg:
Ich möchte ein Bild als Link:

<a href="#"><img src="BILD1.URL"></a>

Das habe ich kapiert, aber wenn man onMouseClick macht, möchte ich ein anderes bild an der Stelle sehen, als wenn man auf einen Knopf drückt und der dann eingedrückt ist . Danke im Vorraus

 

[martinklaus]

ist das für eine navigation

http://www.devarticles.com/c/a/JavaScript/OnLoad-and-OnMouse-JavaScript-Events/

 

[philipp.hat.alles]

Genau Javascript sollte es nicht sein und ja, für eine navigation...

 

[NE4Y]

du kannst es auch per css machen, dann den bg ändern mit ner neuen class zb currentpage

 

[Schwarzer Ritter]

Peace
Damit müsste es gehen, hoffe du verstehst es ;)

<img onmouseover="this.src='http://DerEntsprechendePfad/DeinBild2.png';" onmouseout="this.src='http://DerEntsprechendePfad/DeinBild1.png';" src="http://DerEntsprechendePfad/DeinBild1.png" alt="NajaDeineBeschreibungHalt" width="EntsprechendeBreite" height="EntsprechndeHöhe" />

 

[NE4Y]

er wollte doch kein javascript ^^ , und er will ja nicht bei drüber gehen sondern beim klick darauf ... mit css ist es leicht umsetzbar

bsp

#navi { 
background:url("./img/dein erstes bild"); 
}
.beiklick {
background:url("./img/dein zweites bild");
}

und bei deiner index html dann halt

<div id="navi"><a href="#>Der Link </a> </div>

und wenn man dann auf die seite kommt zb. kontakt.html dann halt

<div class="beiklick"><a href="#">Der Link </a>

 

[Schwarzer Ritter]

Ja, das habe ich schon gelesen, aber damit ist es erstens einfach, und 2. hat es keinen Sinn, dass der Bild erst "ausgetauscht" wird, wenn man schon drauf geklickt hat, da ja ein Link mit dem Bild verbunden ist, d.h., man wird direkt weiter geleitet.

 

[NE4Y]

es ist quasi so, du klickst auf den link , die neu seite kommt, und dann ist deine 2. bg den du willst da ... so habe ich es verstanden dass du es willst, sosntz wäre es mouseover was du willst ^^

 

[philipp.hat.alles]

Glaube nicht, dass es bei class funzt. Für ALLE die es falsch verstanden haben:

Da ist ein Link, das als Klickfläche ein Bild hat (z.B. Ein Roter Dicker Alarmknopf).
Wenn man den anklickt, kommt quasi ein anderes bild, was aber beim neuladen (F5) wieder in seinem normalzustand wandert (z.B. Ein Roter Dicker Alarmknopf, bloß gedrückt/eingedrückt).
Ich hoffe, ich konnte doch noch weiterhelfen... Trotzdem Danke schon mal!

 

[philipp.hat.alles]

Peace
Damit müsste es gehen, hoffe du verstehst es ;)

<img onmouseover="this.src='http://DerEntsprechendePfad/DeinBild2.png';" onmouseout="this.src='http://DerEntsprechendePfad/DeinBild1.png';" src="http://DerEntsprechendePfad/DeinBild1.png" alt="NajaDeineBeschreibungHalt" width="EntsprechendeBreite" height="EntsprechndeHöhe" />

Geht auch onMouseClick statt onmouseover?

 

[NE4Y]

achso war es gemeint, meine variante wäre eben gewesen dass es dann den zustand behält ... , da wirste um javascript nicht rumkommen glaub ich

@philipp ja geht es , aber das ist javascript ;)

 

[philipp.hat.alles]

ok kann ich dann auch nich ändern, weiß dass denn jm.? irgentjemand?
Danke NE4Y

 

[NE4Y]

mit phillips variante geht es , eben nur ein onmousclick

 

[philipp.hat.alles]

1. ich bin philipp oder gibt es hier nen anderen?, 2. im <img... oder <a href... einsetzen?

 

[NE4Y]

Peace
Damit müsste es gehen, hoffe du verstehst es ;)

<img onmouseover="this.src='http://DerEntsprechendePfad/DeinBild2.png';" onmouseout="this.src='http://DerEntsprechendePfad/DeinBild1.png';" src="http://DerEntsprechendePfad/DeinBild1.png" alt="NajaDeineBeschreibungHalt" width="EntsprechendeBreite" height="EntsprechndeHöhe" />

das meinte ich sry , statt onmouseover onmouseclick und onmousout rausnehmen ...

 

[philipp.hat.alles]

so und das als link aber i-wie will dat net funtzen..

 

[philipp.hat.alles]

also ich habs so verstanden:

<img onMouseClick="this.src="BILD.jpg" src="normale-BILD.png" />

Aber ich möchte es ja i-wie so in dem Prinzip haben:

<a href="#" (onMouseClick="this.src="BILD.jpg")><img onMouseClick="this.src="BILD.jpg" src="normales-BILD.png" /></a>

 

[threadi]

Wenn Du es so haben möchtest, schreib es doch mal richtig. Das Syntaxhighlighting hier zeigt dir bereits die Fehler sehr deutlich, insbesondere mit den Anführungszeichen. Zudem gibt es kein "onmouseclick".

<a href="#" onclick="document.getElementById('bild').src='BILD.jpg';"><img src="normales-BILD.png" alt="" id="bild" /></a>

 

[NE4Y]

ah sry stimmt ist onclick ^.^ ... ja und auf anführungszeichen achten, wurde ja schon gesagt

 

[philipp.hat.alles]

Das sieht doch schon mal ganz gut aus! Aber jetzt kommt das große <!--ABER-->: Bekommt man das so hin, dass es, wenn man den click(L-Taste bei der Maus) gedrückt hält(da soll BILD.jpg kommen) und wenn man die L-Taste loslässt es wieder zu "normales-BILD.png" geht? Das natürlich als Link... :? Bin nich sicher..