[vayu]

liebe gemeinde,

seit zwei tagen versuche ich ein problem zu lösen und merke ich brauche etwas rat.

ich habe ein bild, welches sich an das browserfenster anpasst, dies ist gelöst mit jquery. nun will ich aber darüber an ganz bestimmten stellen elemente positionieren, die sich dann mit dem bild an die jeweilige größe anpasst. leider gelingt mir das nicht. die position verändert sich wenn das fenster anders aufgezogen wird und rückt an falsche stellen. zudem klappt es auch mit der größe nicht so wirklich.

zur info, später sollen die transparenten kreise (jetzt rot) links werden auf denen einer mouseover gelegt ist und dann der rest ausfadet. aber das script ist schon installiert aber nich nicht in der php datei aktiviert (nur zu info).

ich hab schon viel ausprobiert, mit dem javascript maximage in und her gespielt und es über css versucht zu lösen. ich bin nicht so fit in javascript arbeite mich aber gerne rein, wenn mir einer eine richtung geben könnte.


LINK

[pantonine]

Absolute Positionierung relativ zum Bildcontainer(-wrapper), als Einheit % verwenden.

[vayu]

heißt das nur css verwenden?

[pantonine]

Außer für die Größe des Wrappers.

[vayu]

bin gerade etwas verunsichert. das bild mit der class "bgmaximage" passt sich ja immer an die größe des browsers an. dem wrapper müsste ich sagen orientiere dich an dem bild, das bekomme ich nicht hin und suche gerade nach dem code hier für.

aber mit den % angaben ist das so ne sache. ich müsste ja dann die größe und die positionierung in % angeben. was auch per css nicht möglich ist. weil das element sich dann verzehrt.

[pantonine]

So dachte ich: http://jsfiddle.net/YZNxx/

Mußt mal run drücken, dann die Fensterbreite ändern und jeweils auf das Bild klicken. Habe das Update jetzt mal auf Klick gesetzt, später musst Du das bei einem Event auslösen, das eine Änderung der Bildschirmgröße erzeugt.

[vayu]

super lieben dank für den ansatz. problem ist aber, dass wenn image im css auf 100% weite und 100% höhe gesetzt wird, dann verzehrt es, wenn ein user die browser kannte scalliert. daher nutze ich max image als js script. die proportionen bleiben erhalten.

ich bin nicht so firm in js, verstehe nur bedingt was du gemacht hast.

[JanG]

Hab letztens bemerkt, das wenn man per css nur die breite oder die höhe des images auf 100% stellt, wird es proportional skaliert. Also nur einen Wert und nicht beide Werte mit 100% angeben.

Peaze!