Landing in the Right Spot

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Murray J

    #1

    Landing in the Right Spot

    I have an HTML page which is an image map with a 4 X 4 grid of 'hot
    spots', linking to other HTML pages, each of which contains a large
    (3200px X 2560px) image. I would like to capture the co-ordinates of
    the mouse at the instant when it is clicked on the first image,
    apply some mathematics based on which 'hot spot' was clicked, and come
    up with a new set of co-ordinates. When the destination page is
    opened, I would like the viewport to be at those new co-ordinates on
    the 3200px X 2560px image on the page.

    Maybe someone could let me know if this is a simple 'add a few lines
    of code', or a major programing effort.

    Thanks,
    Murray
  • Lauri Raittila

    #2
    Re: Landing in the Right Spot

    in comp.infosystem s.www.authoring.stylesheets, Murray J wrote:[color=blue]
    > I have an HTML page which is an image map with a 4 X 4 grid of 'hot
    > spots', linking to other HTML pages, each of which contains a large
    > (3200px X 2560px) image. I would like to capture the co-ordinates of
    > the mouse at the instant when it is clicked on the first image,
    > apply some mathematics based on which 'hot spot' was clicked, and come
    > up with a new set of co-ordinates. When the destination page is
    > opened, I would like the viewport to be at those new co-ordinates on
    > the 3200px X 2560px image on the page.[/color]

    Doesn't look like job for CSS.
    [color=blue]
    > Maybe someone could let me know if this is a simple 'add a few lines
    > of code', or a major programing effort.[/color]

    I think you must use JS, as I can't think any other way to scroll image
    to right position, and allow scrolling every corner of image.



    --
    Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

    Comment

    • Stan Brown

      #3
      Re: Landing in the Right Spot

      "Murray J" wrote in comp.infosystem s.www.authoring.stylesheets:[color=blue]
      >I have an HTML page which is an image map with a 4 X 4 grid of 'hot
      >spots', linking to other HTML pages,[/color]

      These links will help you:



      --
      Stan Brown, Oak Road Systems, Tompkins County, New York, USA
      DRAGON222 menjadi pusat resmi terunggul Sportsbook Digital. Sistem cepat respon, tampilan sangat lancar anti lag, dan kemungkinan menang terjadi pada tekad kuat anda.

      HTML 4.01 spec: http://www.w3.org/TR/html401/
      validator: http://validator.w3.org/
      CSS 2.1 spec: http://www.w3.org/TR/CSS21/
      validator: http://jigsaw.w3.org/css-validator/
      Why We Won't Help You:

      Comment

      Working...