julezz: jquery

Hallo zusammen,

Ich hoffe mir kann jemand weiter helfen. ich habe da eine Frage bezüglich jQuery. Ich finde irgendwie nicht die richtigen Funktionen. Ich möchte gerne über ein bestimmtes DOM-element (z.b. <p>) eine Grafik legen. Gibt es eine solche Funktion bereits fertig?

Wie könnte man es ansonsten lösen? ich müßte dann wohl die Position (x, y) des elements herausfinden und an diese Stelle in einem "layer" die Graphik legen?

bin für jede Hilfe dankbar.

lg,
julezz

  1. Tachchen!

    Aus meiner Sicht klingt dein Problem nach einem ganz klassischen
    Aufgabenbereich von CSS. Spontan würde ich in die Richtung von
    position: relative denken.

    Für möglicherweise gewünschte weitere Funktionalitäten könnte jquery
    dann wieder seine Stärken ausspielen.
    Da hast du aber sicher den besseren Überblick.

    Gruß

    Die schwarze Piste

    --
    ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
    Smartbytes Webdesign in Oberhausen
    1. Hallo,

      danke für die schnelle antwort.
      kann ich also davon ausgehen, dass es in jquery keine Funktion gibt, die etwas über ein bestimmtes Element legen kann?

      Wie kann ich denn die Position eines Elementes auslesen und etwas an dieser Stelle darüber legen?
      Gibt es dazu irgendwo ein Beispiel?

      danke und lg,
      julezz

  2. ok, wie ich den x und y wert auslese weiß ich jetzt (mit .offsetLeft und .offsetTop).
    aber wie setze ich an genau diese Stelle eine Grafik über das element1?

    danke schonmal und lg,
    julezz

    1. Moin!

      ok, wie ich den x und y wert auslese weiß ich jetzt (mit .offsetLeft und .offsetTop).
      aber wie setze ich an genau diese Stelle eine Grafik über das element1?

      Vergiß für einen Moment jQuery!

      Du hast derzeit einen Ist-Zustand deines HTML und CSS.

      Und du hättest gernen einen Soll-Zustand. Definiere diesen! Kopiere deine Seite und schreib' darin das HTML und/oder CSS so um, dass das Bild so erscheint, wie du willst. Mögliche Ansatzpunkte wären, das <p> inhaltlich zu leeren und mit einem Hintergrundbild zu versehen, oder den Inhalt mit einem <img>-Element zu ersetzen. Oder eben diese Layergeschichte, von der ich bezweifle, dass sie dich wirklich weiterbringt.

      Erst wenn du Soll und Ist im HTML- bzw. CSS-Code kennst, kannst du die Transformation zwischen beiden Zuständen mit jQuery herbeiführen.

      - Sven Rautenberg

      --
      "Love your nation - respect the others."