Beiträge von Spaghetti

Vielen, vielen Dank! Ich werde es ausprobieren und berichten.
Das oben genannte Beispiel hat leider nicht funktioniert.. Woran könnte das liegen?

Ich habe mein Anliegen aber dennoch folgendermaßen umsetzen können:

$(document).ready(function() {




   var wiwi = $(window).width();
   var faktor = wiwi / 1889;	




   var ele1left = faktor * 1600;
   var ele1top = faktor * 150;
   var ele1width = faktor * 120;




   document.getElementById("ele1").style.position = "fixed";
   document.getElementById("ele1").style.left = ele1left + "px";
   document.getElementById("ele1").style.top = ele1top + "px";
   document.getElementById("ele1").style.width = ele1width + "px";
});

Leider musste ich allerings das Scaling für iPhone/iPad unterbinden, da die Elemente dann doch an die falsche Stelle "wandern".

Hallo zusammen!

Ich bin gerade dabei, erstmals eine Website zu gestalten und habe leider nur wirklich grundlegende Kenntnisse vom Programmieren, sodass ich gerade
an einem Punkt feststecke, an dem ich nicht weiterkomme. Außerdem ist dies hier mein erster Post, also bitte seid nachsichtig mit mir!

Nun zu meinem Problem: Bei der besagten Website soll es ein Hintergrundbild geben, das mit der Fenstergröße des Browsers skaliert (funktioniert schon). Auf diesem Hintergrundbild sollen nun auf fest definierten Punkten einige Links in Form von Textbildern platziert werden. Dabei sollen diese Links immer an der „richtigen“ Stelle auf dem Bild sein, andererseits ebenfalls mit der Fenstergröße skalieren (letzteres funktioniert). CSS-Anweisungen mit Prozentangaben funktionieren leider nicht, da abhängig von der Fenstergröße die Y-Achse des Hintergrundbildes „verschwindet“, um die Proportionen zu bewahren. Trotzdem würde man mit Prozentangaben aber die Textbilder noch sehen, die am bottom des Bildes ausgerichtet werden sollen und eigentlich auch „verschwinden“ müssten.

Meine Idee war nun, mittels JavaScript die Fenstergröße des Browsers auszulesen und abhängig von dem Wert, den

$(window).width()

zurückgibt, die Position der Textbilder in Pixeln zu berechnen. Dies würde ich mit einer Funktion realisieren, wobei ich die absoluten Positionswerte in Pixeln übergeben würde, wenn das Bild nicht skaliert wäre. Dann stellt sich allerdings das Problem, wie ich die Funktion innerhalb des HTML-Bereichs im Sinne von

<img …  left: function (x); top: function (y) … />

aufrufen würde? Kann mir da jemand weiterhelfen? Vielleicht gibt es eine andere Lösung? Ich danke Euch!