Tricks und Kniffe

ID #1082

Inline-Popup mit CSS

Problem: Beim Klick auf einen Button soll ein Bild "aufpoppen", welches beim loslassen der Maustaste wieder verschwindet.
Ich habe ein ganz gutes Beispiel als Basis gefunden. Jedoch möchte ich statt des Vorschaubildes meinen Button verwenden. Meine Idee dazu wäre, mit CSS das Vorschaubild unsichtbar zu machen, oder notfalls klein auf 1x1 px zu rechnen, damit man nur noch meinen Button sieht.

Lösungsvorschlag: Ich würde das Vorschaubild auf jedenfall per CSS ausblenden und nicht auf 1x1px skalieren. Wichtig ist, daß Du das Vorschaubild im Quellcode innerhalb des a-Containers (der die Vorschauaktion auslösen soll) platzierst, damit Du mit der pseudo-class ":hover" das Vorschaubild einblenden kannst.

Eine Alternativ könnte eine Lightbox sein, wobei es ein völlig anderes Prinzip darstellt, da hier der User per Klick die Lightbox öffnen und auch wieder schließen muß.

Tags: -

Verwandte Artikel:

Letzte Änderung des Artikels: 2006-12-13 23:28
Autor: Manuel Nickel
Revision: 1.0

Digg it! Share on Facebook Artikel ausdrucken Artikel weiterempfehlen Als PDF-Datei anzeigen
Übersetzungsvorschlag für Übersetzungsvorschlag für
Bewertung der Nützlichkeit dieses Artikels:

Durchschnittliche Bewertung: 0 (0 Abstimmungen)

vollkommen überflüssig 1 2 3 4 5 sehr wertvoll

Kommentieren nicht möglich