kostenloser Webspace werbefrei: lima-city

Fadenkeuz in einem Bild

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   skullsplitter

   skullsplitter hat kostenlosen Webspace.

   17:57, 26.8.2009

   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

   18:00, 26.8.2009

   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. sebulon

   

   sebulon hat kostenlosen Webspace.

   22:41, 26.8.2009

   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

   23:04, 26.8.2009

   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. sebulon

   

   sebulon hat kostenlosen Webspace.

   23:05, 26.8.2009

   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.

   7:43, 27.8.2009

   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

   9:09, 27.8.2009

   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.

   9:19, 27.8.2009

   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?