PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : <img> als Elternelement für Div


Gast
2010-01-11, 18:44:49
Hallo,

Ich möchte, dass ich innerhalb eines <img src= .... style="position:absolute"> tags einen <div> container platzieren kann, d.h der <div> container muss das image als Elternelement haben, ansonsten platziert er(der Browser) den div nicht innerhalb des Bildes.

Es würde zwar funktionieren einen div container um das Bild herum zu legen, jedoch verbuggt dann meine javascript funktion.

Gibt es eine Möglichkeit ?

Ich habs so probiert, funktioniert jedoch nicht :/
<img src ="...">
<div></div>
</img>

Sephiroth
2010-01-11, 18:52:57
Ich habs so probiert, funktioniert jedoch nicht :/
zurecht. Ein img hat keinen Inhalt.

WhiteVelvet
2010-01-11, 19:24:00
Da es kein </img> gibt, geht das ganze so nicht. Spontan würde ich aber sagen, dass Du ein folgendes <div> mit einem position:relative;left:-50px ausstatten müsstest. Wenn Du es pixelganau positionieren willst, sollte das gehen...

Gast
2010-01-12, 19:37:49
habs gelöst danke :) kann geschlossen werden

sei laut
2010-01-13, 10:15:01
habs gelöst danke :) kann geschlossen werden
Lass uns nicht dumm sterben..

Gast
2010-01-13, 21:06:16
Lass uns nicht dumm sterben..

Das jQuery Plugin das ich genommen habe um meine Bilder zu zoomen hat auch nur diese(<img>) vergrößert, in alle 4 Richtungen also oben unten, links rechts.
Da ich jedoch die absolute Positionierung innerhalb des Bildes für einen anderen Div Container gebraucht habe hab ich einen eltern div in dem das Bild liegt gelegt. Jedoch war dann das Problem das, dass jQuery Plugin zwar das Bild vergrößert hat jedoch nur nach rechts. Das heißt es wurde zwar ganz normal inklusive des Eltern div vergrößert jedoch nicht zentriert sondern das Bild ist nach rechts ausgebrochen.

Komisch zu beschreiben ich hoffe einigermaßen verständlich ^^

Aujedenfall hab ich das ganze dann so gelöst das Plugin so abgeändert hab, das es nicht nur das ausgewählte element sondern auch das Elternelement (in meinem Fall das Eltern Element des Eltern Elements)

....
obj.parent().parent().stop().animate({'width':'-='+value},o.duration , o.easing);
....