Paddy500: Roter Punkt per Koordinaten auf IMG darstellen.

Hallo!

vorweg ich bin kein profi in HTML, kann allerdings schon ein wenig basteln.

ich würde ganz gerne wie bei einer Anfahrts grafik, einen Roten punkt an einer bestimmten grafik darstellen.

das ganze soll so sein das ich die koordinaten immer ändern kann, das IMG allerdings immer das gleiche.

finde im netz allerdings keine hilfe mehr.

vielen dank im vorraus.

  1. Hallo,

    das ganze soll so sein das ich die koordinaten immer ändern kann, das IMG allerdings immer das gleiche.

    und dann...?

    Du kannst zwei überlagernde Bilder nehmen, wobei der Rote Punkt über der Karte positioniert ist und per Javascript bewegt werden kann.

    finde im netz allerdings keine hilfe mehr.

    Das ist ja auch eher was für Fortgeschrittene. Ich würde vermuten, dir fehlen die Grundlagen.

    Gruß

    jobo

  2. Hallo!

    vorweg ich bin kein profi in HTML, kann allerdings schon ein wenig basteln.

    ich würde ganz gerne wie bei einer Anfahrts grafik, einen Roten punkt an einer bestimmten grafik darstellen.

    das ganze soll so sein das ich die koordinaten immer ändern kann, das IMG allerdings immer das gleiche.

    finde im netz allerdings keine hilfe mehr.

    vielen dank im vorraus.

    ich denke ich habe mich ein wenig unverständlich ausgedrückt.

    bilder überlagern ist klar.

    gibt es eine möglichkeit ein weiteres bild genau auf die koordinaten des BILDES zu legen.
    z.b. bild das 100x100 groß ist, bild2 soll genau auf 50x50 von bild1 liegen.

      
    <img width="100" height="100" src="image/map.png"/>  
    <img style="position:absolute; top:50px; left:50px" src="image/pointer.png"/>
    

    hier beziehen sich die position:absolute nämlich auf die Pixelangaben vom Browser. ich will allerdings das es sich auf das bild bezieht.

    1. Hallo,

      gibt es eine möglichkeit ein weiteres bild genau auf die koordinaten des BILDES zu legen.
      z.b. bild das 100x100 groß ist, bild2 soll genau auf 50x50 von bild1 liegen.

      <img width="100" height="100" src="image/map.png"/>
      <img style="position:absolute; top:50px; left:50px" src="image/pointer.png"/>

        
      Du könntest beide Bilder am übergeordneten Element ausrichten.  
        
        
      Gruß  
        
      jobo
      
    2. Hi,

      <img width="100" height="100" src="image/map.png"/>

      <img style="position:absolute; top:50px; left:50px" src="image/pointer.png"/>

        
      
      > hier beziehen sich die position:absolute nämlich auf die Pixelangaben vom Browser.  
        
      mag sein: Bei absoluter Positionierung beziehen sich die Koordinaten auf das nächstliegende Vorfahrenelement, das nicht den Standardwert "static" für die position-Eigenschaft hat.  
        
      
      > ich will allerdings das es sich auf das bild bezieht.  
        
      Dann musst du dafür sorgen, dass das Bild eine vom Standardwert abweichende Angabe für position hat. Möglichst eine, die sonst keine Nebenwirkungen hat.  
      Da würde sich position:relative; anbieten, schließlich kann man das Element auch um 0px von seiner Normallage versetzen.  
        
      So long,  
       Martin  
      
      -- 
      Ein Snob ist ein Mensch, der sich auf ein Stachelschwein setzt, ohne eine Miene zu verziehen - nur weil ihm jemand gesagt hat, das sei ein Designersessel.  
      
      
      1. Hi,

        <img width="100" height="100" src="image/map.png"/>

        <img style="position:absolute; top:50px; left:50px" src="image/pointer.png"/>

          
        
        > mag sein: Bei absoluter Positionierung beziehen sich die Koordinaten auf das nächstliegende Vorfahrenelement, das nicht den Standardwert "static" für die position-Eigenschaft hat.  
        >   
        > > ich will allerdings das es sich auf das bild bezieht.  
        >   
        > Dann musst du dafür sorgen, dass das Bild eine vom Standardwert abweichende Angabe für position hat.  
          
        Dadurch wird das erste Bild im gezeigten Code immer noch nicht zu einem Vorfahrenelement des zweiten ...  
          
        MfG ChrisB  
          
        
        -- 
        “Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
        
        1. Hallo,

          Dann musst du dafür sorgen, dass das Bild eine vom Standardwert abweichende Angabe für position hat.
          Dadurch wird das erste Bild im gezeigten Code immer noch nicht zu einem Vorfahrenelement des zweiten ...

          verdammt, da hast du allerdings Recht. ;-)

          Ciao,
           Martin

          --
          Fettflecke werden wieder wie neu, wenn man sie regelmäßig mit etwas Butter einschmiert.