Bilder hovereffekt

[Wishu]

Heyho,

irgendwie steh ich gerade aufm schlauch, ich weiß, wie ich nen hover mit hintergründen mache, aber wie mach ich es nochmal, wenn ich einfach so nen hover haben möchte? javascript will ich nicht nur mit CSS.

Gruß
Wishu

[daniel5959]

AW: Bilder hovereffekt

Hallo,

ist an sowas gedacht?

http://aktuell.de.selfhtml.org/artikel/css/mouseover/

sonst genauer beschreiben. Auch hier auf meiner FAQs-Seite

http://www.homepage-faqs.de/index.php?site=hp1-index-a-z#m

bei Mouseover schauen.

danie5959

[Wishu]

AW: Bilder hovereffekt

ich weiß ja nicht ob du schonmal auf meiner HP warst, aber soetwas beheersche ich, es geht mir daraum mit dem img tag eingefügte bilder umzutauschen und nicht die hintergrundbilder. ist des mit CSS nicht möglich?

Gruß
Wishu

[-ERROR-]

AW: Bilder hovereffekt

Es geht nur mit background-images.

.xxx{ background:url(xxx); float:left; display:block; width:xxxpx; height:xxxpx; }
.xxx a:hover { background:url(xxx); }

[daniel5959]

AW: Bilder hovereffekt

Hallo,

@Wishu: Ingo hat ja auch einen Bildwechsel, siehe

http://www.1ngo.de/web/bildwechsel.html

da ist auch von Hintergrundgrafik die Rede, aber warum stört denn das?

Sonst bleibt wohl nur Javascript, es sei denn Ingo hat da noch etwas in der Hinterhand.

daniel5959

[Wishu]

AW: Bilder hovereffekt

es stört mich weil man hintergrundgrafiken schlecht auf hintergrundgrafiken platzieren kann... ich will nicht unbedingt immer für alles nen extra div machen.

[Speedy19102000]

AW: Bilder hovereffekt

Moin!

Mach es doch so, wie hier!

Ansonsten präzisieren!

MfG Speedy

[Ingo]

AW: Bilder hovereffekt

Hi,

ich will nicht unbedingt immer für alles nen extra div machen.

wer hat Dir denn zu DIVs geraten? Wo willst Du denn Grafiken austauschen? In Deiner Navigation? Dann solltest Du diese vernünftig als Liste auszeichnen und kannst meinen Bildwechsel-Tipp verwenden.

Schau Dir Deine Navigation mal ohne CSS an und dann im Vergleich http://de.selfhtml.org/css/layouts/a...v_vertikal.htm

Gruß
Ingo

[Wishu]

AW: Bilder hovereffekt

gut jetzt nochmal so, dass es eigentlich alle verstehen müssten. sagen wir mal man geht auf Bilder von mir. das erste Bilder ist ja ein Bild welches mit Img Tag eingefügt wurde. Wenn ich jetzt mit der Maus drüber fahre, soll ein anderes bild erscheinen. so wie man es halt mt javascript machen kann.

[Speedy19102000]

AW: Bilder hovereffekt

Wenn ich jetzt mit der Maus drüber fahre, soll ein anderes bild erscheinen. so wie man es halt mt javascript machen kann.

So gehts:
HTML-Datei:

<a id="wechselbild" href="index.html"></a>

CSS-Datei:

#wechselbild a:link {background-image:url(diesbild.jpg); } 
#wechselbild a:hover {background-image:url(dasbild.jpg); }

MfG Speedy

[Wishu]

AW: Bilder hovereffekt

du verstehst nicht dass ich das schon kann oder? ich will nicht das hintergrundbild ändern sondern das vordergrundbild(komisches wort) alsi das bild, welches per <img src="xxx"/> eingefügt wurde...
Aber ich geh jetzt mal davon aus, dasses nicht geht. trotzdem danke.

[andre.roesti]

AW: Bilder hovereffekt

Hallo,

Ich weis ja nicht aber evtl. könnte man da was machen mit der content angabe von CSS.
Also etwas in dem Stil:
HTML:

<a href="#" class="bildchen"><img src="bild.png" alt="bild"></a>

CSS:

.bildchen a:hover:before {
content: "<img src=\"hover.png\" alt=\"bild\">";
}

Code wurde nicht getestet!
Nur müsste man dann irgendwie das alte bild noch wegputzen. Und dass kann man endgültig nicht.
Man kann es also nicht zu 100% Realisieren.

[Ingo]

AW: Bilder hovereffekt

Hi,

Code wurde nicht getestet!

würde so auch nicht funktionieren, da "generated text" erwartet wird, also uri und kein HTML-Code.

Gruß
Ingo

[andre.roesti]

AW: Bilder hovereffekt

Ja, dachte mir schon das das so nicht klappt. War ja ein versuch wert...