durch überfahren einer rollover-grafik ein anigif daneben starten

Dominikgt

Abend,

ist es möglich (und wenn ja, wie?) hier auf dieser seite http://www.vogelfrey.net/4/band.php neben jeden köpfe jeweils ein animiertes gif zu machen, was nur läuft, wenn man über den jeweiligen kopf fährt?

Lg,
Dominik

Thonixx

Mach ein Div mit Hintergrund des Kopfes.
Beim Drüberfahren wechselt der Hintergrund zum helleren Kopf und ein span innerhalb wird angezeigt mit dem animgif.

Etwa so:
CSS

HTML

.kopf {
background: url("kopf.jpg") no-repeat;
height: 110px;
}


.kopf span {
display: none;
}


.kopf:hover span {
display: inline;
}

Alles anzeigen

HTML

<div class="kopf"><span><img src="anim.gif" alt="Animiert" /></span></div>

synaptic

und ich würd ma n bissi an kontraste denken.. was du da hast is nen armageddon für jedes auge
was da noch fehlt wär nen hellweißer hintergrund mit nem dunkelweißen adler druff

Thonixx

Dazu würde ich dir ehrlich gesagt auch raten.
Bring ein wenig Kontrast in die Geschichte.

Dominikgt

jo danke erstmal.
das große problem was ich hab is, dass auf meinem monitor das alles immer viel heller/kontrastreicher aussieht, als auf den meisten anderen, obwohl die einstellungen bei mir eigentlich relativ normal sind (hab nen LG FLATRON W2242T)

btw. hat jemand ne ideee was ich da verändern könnte auf der seite vom design her?

Lg,
Dominik

synaptic

ja das dunkle rot etwas heller machen oder evtl irgendwie zarte, helle outlines benutzen

durch überfahren einer rollover-grafik ein anigif daneben starten

Tags

Benutzer online in diesem Thema