Homepage: Bild wird unter Mauszeiger größer - wie?

[MICHI123]

Homepage: Bild wird unter Mauszeiger größer - wie?

Hi,
gibt es eine relativ einfache Methode um zB Bilder unterm Mauszeiger größer werden zu lassen? also wenn man zB mal auf meine page guckt, dann sollen zB rechts die kleinen Bilder ca doppelt so groß werden wenn man mit der maus drüber geht. (und dann halt noch per Mausklick die Seite öffnen)
Gibts da ne simple methode für? bitte für anfänger erklären, wäre nett *g*
danke schonmal,
gruß,
michi

 

[Mothman]

AW: Homepage: Bild wird unter Mauszeiger größer - wie?

Du erstellst eine große Version des Bildes (bild2.gif) und eine kleine (bild1.gif). Dann benutzt du einfach "onmouseover".

Beispiel:

<a href="#" onmouseover="this.document.bild.src='bild2.gif'" onmouseout="this.document.bild.src='bild1.gif'><img src="bild1.gif" name="bild"></a>

Ich hoffe das hilft weiter.

 

[bsekranker]

AW: Homepage: Bild wird unter Mauszeiger größer - wie?

Sorry für Off-Topic, aber willst du deine Seite nicht mal mit CSS neugestalten? Also <div> statt <table>?

Dein aktueller Quelltext ist einfach nur hässlich.

Du kannst ja dieses Layout übernehmen, das deinem in etwa entspricht.

 

[MICHI123]

AW: Homepage: Bild wird unter Mauszeiger größer - wie?

Du erstellst eine große Version des Bildes (bild2.gif) und eine kleine (bild1.gif). Dann benutzt du einfach "onmouseover".

Beispiel:

<a href="#" onmouseover="this.document.bild.src='bild2.gif'" onmouseout="this.document.bild.src='bild1.gif'><img src="bild1.gif" name="bild"></a>

Ich hoffe das hilft weiter.

danke dir, werds mal ausprobieren. (geht das nur mit gif?)

Sorry für Off-Topic, aber willst du deine Seite nicht mal mit CSS neugestalten? Also <div> statt <table>?

Dein aktueller Quelltext ist einfach nur hässlich.

Du kannst ja dieses Layout übernehmen, das deinem in etwa entspricht.

och, ich glaub du bist der einzige ausser mir, der sich den Quelltext meiner Seite jemals angeguckt hat. Solange die "vornerum" gut aussieht und alles funktioniert brauch ich finde ich da nix ändern. Ausserdem hab ich absolut garkein plan von CSS (aber mal so garnicht) und bin auch zu faul mir das alles anzueignen. ^^

 

[klausbyte]

AW: Homepage: Bild wird unter Mauszeiger größer - wie?

Du erstellst eine große Version des Bildes (bild2.gif) und eine kleine (bild1.gif). Dann benutzt du einfach "onmouseover".

Beispiel:

<a href="#" onmouseover="this.document.bild.src='bild2.gif'" onmouseout="this.document.bild.src='bild1.gif'><img src="bild1.gif" name="bild"></a>

Ich hoffe das hilft weiter.

<a href="#" onmouseover="document.getElementById("bild1").src='bild2.gif'" onmouseout="document.getElementById("bild1").src='bild1.gif'><img src="bild1.gif" id="bild1"></a>

so würd ichs machen, wegen mehreren..
alternativ:

<img src="./bild1.gif" onmouseover="this.src='./bild2.gif'" onmouseout="this.src='./bild1.gif'">

dann klappts auch ohne id.
weiss aber net wie der link ist.

 

[MICHI123]

AW: Homepage: Bild wird unter Mauszeiger größer - wie?

öhm
ich bin ja so ein noob

ähm, muss das GIF sein oder geht das auch mit JPG? Bevor ich auf Fehlersuche gehe... xD
hab das halt jetzt so umgesetzt:

<a href="yi.htm" onmouseover="this.document.bild.src=button_youngisland_small.jpg" onmouseout="this.document.bild.src=button_youngisland.jpg><img src="button_youngisland_small.jpg" name="button_youngisland_small.jpg"></a>

button_youngisland_small.jpg ist halt das bild was man sehen soll man man nicht mit der maus drüber ist, und button_youngisland.jpg soll halt kommen wenn man mit der Maus drüber geht. die bilder liegen beide im gleichen verzeichniss wie die HTML Datei. wenn ich die seite jedoch öffne steht an der stelle einfach garnichts ^^

 

[Mothman]

AW: Homepage: Bild wird unter Mauszeiger größer - wie?

öhm
ich bin ja so ein noob

ähm, muss das GIF sein oder geht das auch mit JPG? Bevor ich auf Fehlersuche gehe... xD
hab das halt jetzt so umgesetzt:

<a href="yi.htm" onmouseover="this.document.bild.src=button_youngisland_small.jpg" onmouseout="this.document.bild.src=button_youngisland.jpg><img src="button_youngisland_small.jpg" name="button_youngisland_small.jpg"></a>

button_youngisland_small.jpg ist halt das bild was man sehen soll man man nicht mit der maus drüber ist, und button_youngisland.jpg soll halt kommen wenn man mit der Maus drüber geht. die bilder liegen beide im gleichen verzeichniss wie die HTML Datei. wenn ich die seite jedoch öffne steht an der stelle einfach garnichts ^^

Nein, das geht mit jedem Bildtyp.

Bei deinem Code hat das Bild den Namen "button_youngisland_small.jpg", du weist in deinem Eventhandler aber dem Objekt "bild" die Werte zu.
Gebe dem Bild (dem Zielbild) auch den Namen, mit dem du es dann im Eventhandler ansprichst.
Am besten machst du es so wie klausbyte vorgschlagen hat...ohne id:

<img src="bild1.jpg" onmouseover="this.src='bild2.jpg'" onmouseout="this.src='bild1.jpg'">

Klappt auf jeden Fall. Da kannst du dann auch einfach noch deinen Link drumsetzen.

Gruß

 

[MICHI123]

AW: Homepage: Bild wird unter Mauszeiger größer - wie?

hm, mysteriös: das bild wird angezeigt, aber das größere bild kommt nicht wenn man mit der Maus drüber ist.

<a href="yi.htm" target="_top"><img src="button_youngisland_small.jpg" onmouseover="this.src=button_youngisland.jpg" onmouseout="this.src=button_youngisland_small.jpg"></a>

so sieht der spaß jetzt aus. Das bild "button_youngisland.jpg" ist halt größer als das andere und liegt auch im genau gleichen ordner (hauptordner halt, wo auch die html datei drin ist an der ich bastel). Aber wenn man mit der Maus drüber geht dann passiert da nix.
ich habs einfach mal geuppt:
http://michael-t.pytalhost.de/ das is meine seite halt. rechts sieht man einen Button auf dem YOUNG ISLAND steht, dieser button soll halt durch den größeren ersetzt werden wenn man mit der Maus drüber geht.

Danke schonmal

 

[klausbyte]

AW: Homepage: Bild wird unter Mauszeiger größer - wie?

hast du die sprache neu erfunden oder warum lässt du die hochkomata weg bei den js argmenten?

 

[MICHI123]

AW: Homepage: Bild wird unter Mauszeiger größer - wie?

hast du die sprache neu erfunden oder warum lässt du die hochkomata weg bei den js argmenten?

verdammt ^^ ich dachte das wäre nur so ein zeichen dass ich weiß wo ich meine Dateinnamen einsetzen muss ^^
ja, dankeschön, klappt soweit.
jetzt muss ich frontpage nurnoch erklären dass frontpage das auch so heile lassen soll nachdem ich damit weitergearbeitet hab und die seite irgendwie neu abspeicher

 

[Xplsiv]

AW: Homepage: Bild wird unter Mauszeiger größer - wie?

Du erstellst eine große Version des Bildes (bild2.gif) und eine kleine (bild1.gif). Dann benutzt du einfach "onmouseover".

Beispiel:

<a href="#" onmouseover="this.document.bild.src='bild2.gif'" onmouseout="this.document.bild.src='bild1.gif'><img src="bild1.gif" name="bild"></a>

Ich hoffe das hilft weiter.

<a href="#" onmouseover="this.document.bild.src='img/team2.jpg'" onmouseout="this.document.bild.src='img/team.jpg'"><img src="img/team.jpg" name="bild"></a>

So sieht es bei mir aus und funktioniert leider nicht

Was soll ich tun?

 

[Xplsiv]

AW: Homepage: Bild wird unter Mauszeiger größer - wie?

Also, nicht, dass ich ungeduldig wäre, aber ich brauch das dringend

Gruß Xplsv

 

[klausbyte]

AW: Homepage: Bild wird unter Mauszeiger größer - wie?

Also, nicht, dass ich ungeduldig wäre, aber ich brauch das dringend

Gruß Xplsv

warum inmmst du dann nicht den code den ich geschrieben habe, sondern pushst lieber mit deiner unwissenheit diesen thread nach oben?