kostenloser Webspace werbefrei: lima-city


Fadenkeuz in einem Bild

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    skullsplitter

    skullsplitter hat kostenlosen Webspace.

    Hallo!

    Ich habe heute den ganzen Nachmittag damit verbracht bei Google ein passendes Script für mein Vorhaben zu suchen.

    Ich benötige ein Fadenkreuz-Script, welches mir ein Fadenkreuz auf ein Bild zaubert.

    Ich habe einen ausschnitt von einer Landkarte (immer 300x300 pixel groß) und auf diesem Bild sollte genau die Mitte mit einem Fadenkreuz gekennzeichnet werden.

    Leider habe ich von Javascript keine Ahnung und weiß auch nicht, wie ich es sonst lösen sollte.

    Kann mir da vielleicht einer von euch weiterhelfen?


    Vielen Dank

    Skullsplitter



  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. e********l

    Wenn es immer die Mitte des Bildes ist und das Fadenkreuz unbeweglich sein soll, dann reicht doch auch ein entsprechend positioniertes Bild via HTML/CSS.

    Oder hab ich die Aufgabe falsch verstanden?
  4. eben, ich shee es genau so

    du machst zum beispiel ein 40x40 Pixel großes Gif-Bild mit transparentem Hintergrund, ermittelst dan höhe und breite der bilder, nimmst davon die hälfte, subtrahierst je 10 Pixel und schon ist das Fadenkreuz mathematisch exakt in der Mitte...
  5. c****s

    sebulon schrieb:
    eben, ich shee es genau so

    du machst zum beispiel ein 40x40 Pixel großes Gif-Bild mit transparentem Hintergrund, ermittelst dan höhe und breite der bilder, nimmst davon die hälfte, subtrahierst je 10 Pixel und schon ist das Fadenkreuz mathematisch exakt in der Mitte...


    40 auf 40 Pixel und dann von der Mitte 10 Pixel abziehen? Das ist dann "mathematisch exakt" nach welcher Mathematik? Und was ist "mathematisch unexakt"?
  6. sorry, 20 Pixel meinte ich...setz es bei einem von beiden werten ein, dann passts in jedem Fall^^
  7. Autor dieses Themas

    skullsplitter

    skullsplitter hat kostenlosen Webspace.

    Also ich erstelle ein Bild 300x300 (gif) und zeichne dort mein Fadenkreuz rein. Dieses Bild lege ich dann mittels DIV über den Kartenausschnitt.

    Habe ich das so richtig verstanden?^^

    Klingt einfach :D

    Warum ich immer den komplizierteren Weg nehmen muss ^^

    Vielen Dank!
  8. e********l

    Joar, so kannst du es machen.
    Wenn die Karte sonst keine Interaktionen hat, dann kannst du die Karte als Hintergrundsbild vom DIV angeben und das Fadenkreuz als HIntergrund eines Bildes, in dem du ein 1px großes transparentes Gif auf 300x300 skalierst. Das Fadenkreuz im Hintergrund natürlich zentrieren ;)

    Hier der Code:
    <div style="width: 300px; height: 300px; background: url(./meinBild.gif) no-repeat;">
    <img src="./transgif.gif" width="300" height="300" alt="" style="background: url(./fadenkreuz.gif) no-repeat center center;" />
    </div>
  9. Autor dieses Themas

    skullsplitter

    skullsplitter hat kostenlosen Webspace.

    Hallo!

    Super - das klappt ja wunderbar :)

    Vielen herzlichen Dank! :)
  10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!