onmouseover

Raziel

das ist jetzt schon mein 2tes thema, das ich heute an meionem erstem tag hier aufmache, aber ich hab alle passenden suchergebnisse ausprobiert und nix hingekrigt.

ich versuche, ein bild in einer tabelle durch ein anderes auszutauschen.
das sollte doch eigendlich kein problem sein, aber ich schaffs mit keinem code, den ich hier gefunden hab und ich hab auch bis jetzt nich herrausgefunden wozu div gut ist. ich dachte immer, das ist sowas wie font, aber das tut nix zur sache.

eion auszug aus meinem quelltext:

in dem makiertem bereich will ich das bild q.jpg gegen q2.jpg austauschen (selber ordner)

aber ich krigs einfach nich hin, egal wie ich es drehe und wende.

wie würdet ihr das machen?

driver

schaumal da: https://www.forum-hilfe.de/viewtopic.php?t=16575

Raziel

jo... den hab ihc auch gefunden gehabt, blicke aber beim bestem willen nicht durch. ich hab schließlich nicht den geringsten schimmer von javascript

driver

also die erste lösung von zoidberg in css is ja recht verständlich.

die mit js is auch nicht schwerer. im prinzip musst nur die datein
mit denen ersetzen die du haben willst.

Code

Normal1 = new Image();
Normal1.src = "button1.gif";     /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "button1h.gif"; /* erste Highlight-Grafik */

des is z.b. ein menüpunkt (z.b. home) die normale grafik is button1.gif,
beim hover wird der button z.b. rot - des is dann die grafik button1h.gif.
musst nur mit deinen grafiken ersetzen.

momentan sind dort für 3 menüpunkte die buttons hinterlegt, wennst
den block wo ich grad geschrieben hab kopierst und dort einfügst
dann halt net als normal1 und highlight1 sonder normal4/highlight4,
hast einen punkt mehr.

unten im aufruf steht dann der link, und nochmal die standartgrafik.
des onmouseover/onmouseout identifiziert des oben definiert js, damit
die richtigen buttons angezeigt werden...

aber wie gesagt, wenn sich nur hintergrund etc ändern, ises mit css
vernünftiger...

Shinarya

Das ist kein Javascript sondern ganz einfaches CSS.
Du musst deinen Link oder Div also einfach einer Klasse zuordnen und dann in der CSS-Datei bzw im CSS-Abschnitt deiner HTML-Datei reinschreiben:
a für den Link .[hier die Klasse des Links]
{
background: url(url des bilds])
}

a für den Link .[hier die Klasse des Links] : hover <- jetzt treffen die Eigenschaften nur zu, wenn man mit der Maus drüberfährt
{
background: url(url des 2. bilds])
}

btw nur mal so am Rande: Kinenbi?

driver

@ shinarya

drunter steht n js...

Raziel

vielen dank... das probier ich gleich mal aus

Raziel

nabitte, es kalpt etwas, danke. soweit gut
aber da klapt leider etwas nicht so, wie es soll...

ich kann das nicht so ganz erklären...

aber wenn ich die "attachment hinzufügen"-funktion rihctig verstanden hab, dan werd ich sie jetzt einfachmal nutzen um euch das problem zu zeigen.

driver

musst noch den bildindex anpassen

bei dir steht da immernochüberall null... musst dann bei 1 anfangen und hochzählen. zb.:

Code

<td bgcolor="#000000">
    [url='http://www.kampfsport-rheine.de'][img]menue/menueleiste/d.jpg[/img][/url]
   </td>

Raziel

jo sauber es fuzt komplett...!! danke

Raziel

äm... ist es normal, das das "target"- attribut jetzt nihctmehr funktioniert?

Raziel

wiso funktioniert den er target befehl jetzt nicht mehr? und wie kann ich das wieder hinkriegen?

K.Y.L.T.

vielleicht, weil driver den Taget auf main gesetzt hat?^^ - oder haste den schon "angepasst"?

Raziel

hab ich schon hingekrigt. man war ihc blind. ich hab den target ins "img" reingesetzt und nicht ins "a"

Tags