Popup erstellen mit Bild

[apfelearth]

Hallo,

ich möchte ein Popupm erstellen für ein CMS also geht nur ein HTML/CSS Baustein...

Und zwar so soll es dann aussehen:

Auf der Siedbar ist ein Bild, und wenn man über dieses Bild mit der Maus fährt sollte rechts vom Bild ein Popup oder so selber erscheinen mit einem Hintergrund und Text im Popup. Und wenn draufklickt sollte man aber trotzdem noch weiter kommen zu einem Link,

geht das irgendiwe?

 

[user_1234]

Ich bin mir nicht ganz sicher - Du solltest dich mal mit der "Fancybox" beschäftigen...

 

[toney]

<a href="link.html" title="link"><img src="bild.jpg" alt="Bild" onmouseover="document.getElementById('popup').style.visibility='visible'" onmouseout="document.getElementById('popup').style.visibility='hidden'"/></a>

<div id="popup" style="visibility:hidden;" onmouseover="document.getElementById('popup').style.visibility='visible'" onmouseout="document.getElementById('popup').style.visibility='hidden'">
Popup Inhalt
</div>

@ user_1234: Die Fancybox ist dafür eher nich das richtige ;)

 

[T!P-TOP]

@ user_1234: Die Fancybox ist dafür eher nich das richtige ;)

Sowas vielleicht: 3w4you :: Referenzen ?
Das nennt sich Cloud Zoom... Fürs anklicken müsstest halt noch das onclick Attribut hinzufügen.

Grüße

 

[toney]

@ T!P-TOP: Im Firefox n netter Effekt aber funktioniert im Opera schonmal nicht, würde ich persönlich deshalb nicht verwenden ;) (oder entsprechend anpassen)

 

[apfelearth]

@Toney,

danke es funktioniert... Aber der Text wird dann unten angezeigt und ich möchte diesen jedoch rechts, geht das? Und dann möchte ich noch den Hintergrund auf dem der Text ist ändern = Bild?

 

[toney]

Die div-Box kannst du platzieren wo du willst. Sollte mit position:absolute; machbar sein. Hintergrund kannst du ganz normal mit background-image:url("Bild.jpg"); im CSS definieren.

 

[apfelearth]

Sorry, aber könntest du mir nicht schnell den ganzen passenden Code dafür geben, verstehe das eben nicht so gut