Sie sind vermutlich noch nicht im Forum angemeldet - Klicken Sie hier um sich kostenlos anzumelden  
logo
Sie können sich hier anmelden
Dieses Thema hat 6 Antworten
und wurde 830 mal aufgerufen
 Fragen zu (X)HTML und CSS ?
Robert ( gelöscht )
Beiträge:

02.08.2006 22:38
RE: hover mit mehreren Bildern? antworten

Hallo Ihr lieben!

Ich such jetzt schon mehrere Tage, aber finde nichts passendes.

Wie schaffe ich es ein Bild auf eine Seite zu stellen, dass bei Rollover sich verändert, gleichzeitig soll aber ein anderes Bild zusätzlich auf der Seite erscheinen.
Wenns auch noch zusätzlich möglich wäre, einen Text irgendwo anzuzeigen, wärs perfekt.

So wie dieser Bildwechsel:
http://www.1ngo.de/web/bildwechsel.html


Vielleicht kann mir ja jemand helfen,

Vielen dank

Robert

1ngo Offline




Beiträge: 429

03.08.2006 02:01
#2 RE: hover mit mehreren Bildern? antworten

Hi,
mit "Rollover" meinst Du mouseover (Javascript) bzw. :hover (CSS)?
Das geht ganz einfach - über CSS z.B. über ein Element innerhalb des Links, das mit position:absolute an die gewünschte Stelle gebracht wird. Das ist dasselbe Prinzip, wie ich bei http://www.1ngo.de/web/infobox.html verwende, nur halt mit einer Angabe zu top.
Um Bild und Text zu verwenden, wäre ein innerhalb des Links am einfachsten, der beides enthält.
Gruß
Ingo

Gast ( gelöscht )
Beiträge:

03.08.2006 18:05
#3 RE: hover mit mehreren Bildern? antworten

Hallo Ingo!

Ich meine ein Hover mittels CSS.

Ich habs so wie die Infobox versucht, aber nicht hinbekommen.
Versuche es heute nochmal!

Danke!

Robert ( gelöscht )
Beiträge:

03.08.2006 19:35
#4 RE: hover mit mehreren Bildern? antworten

Ich bekomme es einfach nicht zusammen.

Wie kann ich denn da 2 oder mehr Sachen angeben?

Zusätzlich?
css:
a.ibox span { visibility:hidden; position:absolute; left:5em; top:5ßem;
margin-top:1.5em; padding:1em; text-decoration:none; }
a.ibox:hover span { visibility:visible; border:1px solid #c30;
color:blue; background:white; }

html:

Dies können
AFAIK Infobox:

englisch für: 'As far as I know' ('soweit ich weiß')
Infobox:

alle modernen Browser interpretieren:




Danke
Robert

1ngo Offline




Beiträge: 429

04.08.2006 12:10
#5 RE: hover mit mehreren Bildern? antworten

Hi,
Du musst in diesem Beispiel natürlich a.infobox span.ibox
bzw. a.infobox:hover span.ibox ansprechen.
Gruß
Ingo

Robert ( gelöscht )
Beiträge:

04.08.2006 13:49
#6 RE: hover mit mehreren Bildern? antworten

Danke schön, genau das wars.. hab das komplett vergessen, da es ja verschachtelt ist.

Könntest dir auch das ansehen?

Dies können
AFAIK Infobox:

englisch für: 'As far as I know' ('soweit ich weiß')
Infobox: asdfsadf

Logo
alle modernen Browser interpretieren:





schaltflaeche Infobox:

englisch für: 'As far as I know' ('soweit ich weiß')
Infobox: asdfsadf

Logo




Bei beiden werden alle 3 Boxen angezeigt.
Oben wird ein Text als Hoverelement verwendet, unten ein Hover-Bild, das ausgetauscht wird beim Drüberfahren.

Beim oberen wird in der 3. Box das Bild 1.jpg angezeigt, beim unteren wird das Bidl nicht angezeigt!

Ist das Technisch nicht möglich, oder mach ich was falsch?


Danke

Robert ( gelöscht )
Beiträge:

04.08.2006 14:02
#7 RE: hover mit mehreren Bildern? antworten

Habs schon geschafft,

im CSS waren alle img der gesamten Überklasse auf hidden gestellt.

Danke schön!

 Sprung  
Xobor Forum Software von Xobor | Forum, Fotos, Chat und mehr mit Xobor