Fadenkeuz in einem Bild
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abziehen
ahnung
angeben
aufgabe
ausschnitt
beispiel
bild
code
fadenkreuz
hintergrund
interaktion
karte
kartenausschnitt
landkarte
mathematik
mitte
nehmen
pixel
transparentem hintergrund
vorhaben
-
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
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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? -
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... -
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"? -
sorry, 20 Pixel meinte ich...setz es bei einem von beiden werten ein, dann passts in jedem Fall^^
-
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! -
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>
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage