neues bild wenn die maus auf das bild kommt!!!!

[shicterminater]

hey leutz,
hab ma ne frage.
wie kann ich es per html machen das wenn ich auf einer hp ein bild habe,und wenn jemand mit der maus auf das bild geht ein anderes bild erscheint und zudem noch eine verlinkung bei klick auf das bild stattfindet!hoffe ihr könnt mir helfen,
shicterminater

 

[Anonymous]

das geht mit javascript. Da ich gerade kostenlos JavaScript erstelle(http://www.html.de/ftopic3862.html), mache ichs dir:

<script type="text/javascript">
<!-- Begin
function over()
{
var url = [url]www.deine-site.de[/url]
var bild 2 = bild2.png
document.getElementById("deinbild").scr= bild 2
this.location.href= url
}
//--End>
</script>
<img scr="deinbild.png" onMouseOver="over()" id="deinbild">

Ändern: URL:

var url =

Bild bei MouseOver:

var bild 2

Nicht ändern:
Alles andere!
MfG l18111
PS: Das script ist nicht getestet!!

 

[shicterminater]

einfach so alles eingeben,nur dann eben mit den urls von den bildern,probier ich mal aus!!!!

 

[Fätzminator]

--> da brauchst du nicht extra eine funktion zu schreiben ;)

 

[Gelöschtes Mitglied 2703]

und ausserdem funktionier faetziminators version auch so wie shic* das wollte ;)
es geht auch mit css aber mir ist grad aufgefallen das meine variante net w3c konform ist :()

 

[philipp]

oder du machst es im a tag. dann aufs img einem namen (ZB name="navi1")
und
onMouseOver="navi1.src='URL';"

da kannst du nämlich alles mögliche wechseln(wenn du mit der maus über ne lupe fährst wird das bild größer etc..)

btw: kannst auch css-classes wechseln, is noch interessanter
onMouseOver="XXX.className='XXX';"

 

[Fätzminator]

da kannst du nämlich alles mögliche wechseln(wenn du mit der maus über ne lupe fährst wird das bild größer etc..)

kann man auch gleich im img tag...

 

[shicterminater]

wo füg ich den die bilder und wo die links ein,das is mir irgendwie nich ganz klar!!!^^

 

[Gelöschtes Mitglied 2703]

die [] sollst du ersetzen .
link zur seite ersetzt du durch den link zur seite
link zum bild, wenn nicht drueber ersetzt du durch link zum bild, wenn nicht drueber (maus)
link zum bild, wenn drueber ersetzt du durch link zum bild, wenn drueber (maus)

einfacher kann man das aber eigentlich nicht erklaeren..

 

[shicterminater]

geht nich,wo is der fehler?

 

[Gelöschtes Mitglied 2703]

die [] sollst du mit ersetzen.
statt
href="[http://www.html.de/]"
href="http://www.html.de/"

 

[Anonymous]

Hallo,

[url="http://www.html.de/"][img]http://emspower.de/galerie/archiv/liga0102/bayern0102/b_jubel_nord.JPG[/img][/url]

Wer lesen kann, ist klar im Vorteil.


Liebe Grüße,
L.T.M

 

[shicterminater]

ah,ja sry mal meinen dies so mal so!!!ok gucke gleich mal nach obs funzt!!!

 

[shicterminater]

aaaaaah,sehr gut,danke leute,nur kann man das auch machen,das wenn man wieder die maus wegmacht vom bild,das alte wiederkommt?

 

[Fätzminator]

@shicterminater
bitte keine doppel-posts

@L.T.M
hab ich was anderes geschrieben (als beispielcode)?

 

[Steltie]

Habs bei mir auch grad mal ausprobiert. Du hast wahrscheinlich einfach nur L.T.M's Code kopiert... Und da sind unerwünschte Zeilenumbrüche drin.

Kopier einfach mal den, da sollten die nicht drin sein ;ugl

<a href="http://www.html.de/">

</a>

 

[Gelöschtes Mitglied 2703]

shicterminator das alte bild kommt wieder wenn du keinen typo hast

 

[Steltie]

Niklas, was ist ein typo?

Edit: http://de.wikipedia.org/wiki/Typo ;)
Sorry für die Frage

 

[shicterminater]

ok stimmt,jetz gehts!!!!nur sone frage am rande,kann ich auch mehr bilder einfügen die alle hintereinander zb. im 2 secundentackt angezeigt werden???

 

[Steltie]

Mach aus den ganzen Bildern halt ne gif-Datei (gif = Animation).
Müsste auch irgendwie so mit JavaScript gehen... ich kann aber kein JS ^^