Problem facing in image mapping

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • anthriksh2000
    New Member
    • Sep 2007
    • 4

    Problem facing in image mapping

    Hi,

    I want to have a image which has 4 people in it and i wnat that it should have image mapping. and when a particulat person is clicked upon in that image it should open a corresponding person HTML file in the new window .

    for that i used a software to create a image cordinates mapped to the corresponding person whcih i had saved in the same local folder .

    But now eben when we click any person nothing is happening in response

    Here is teh code
    [html]
    <html>
    <head>
    <title>HOME</title>
    </head>
    <body >
    <center ><H3 align="top">HOM E</H3></center>

    <!--<a href="Home.html "onClick="windo w.open('Home.tx t','mywindow',' width=140,heigh t=150')">-->
    <a href="Home.html "
    <img src="familymemb ers.gif" width="200" height="300"use map="#map1" >
    </a>

    <MAP NAME="map1">
    <AREA SHAPE="POLY" COORDS="0,192,6 2,68" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="64,71,1 18,218" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="30,220, 121,223" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="1,196,2 8,224" HREF="C:\Docume nts and Settings\a\Desk top\My family\Jane.htm " TITLE="Jane">
    <AREA SHAPE="POLY" COORDS="67,71,8 7,27" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="86,23,1 09,35" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="110,37, 149,18" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="149,21, 137,99" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="137,99, 109,191" HREF="C:\Docume nts and Settings\a\Desk top\My family\John.htm " TITLE="John">
    <AREA SHAPE="POLY" COORDS="143,91, 166,77" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="167,79, 188,93" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="189,95, 183,121" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="184,123 ,245,227" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="141,92, 111,183" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="110,188 ,121,221" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="123,222 ,244,227" HREF="C:\Docume nts and Settings\a\Desk top\My family\Rita.htm " TITLE="Rita">
    <AREA SHAPE="POLY" COORDS="194,94, 190,55" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="191,53, 221,42" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="222,41, 233,80" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="234,79, 286,94" HREF="" TITLE="">
    <AREA SHAPE="POLY" COORDS="285,95, 247,235" HREF="C:\Docume nts and Settings\a\Desk top\My family\Robin.ht m" TITLE="Robin">
    </MAP>



    </body>
    </html>
    [/html]
    In this I want this image mapping for the familymembers.g if image only and has linked their files as Jane,John,Rita and Robin which reside in same folder

    Please help
  • Emmi
    New Member
    • Jun 2007
    • 12

    #2
    Well first thing I see without doing anything else is you have the link commented out (<!-- -->)You also haven't closed the other <a href> with a closing > and a </a>

    <!--<a href="Home.html "onClick="windo w.open('Home.tx t','mywindow',' width=140,heigh t=150')">-->
    <a href="Home.html "

    Comment

    • Death Slaught
      Top Contributor
      • Aug 2007
      • 1137

      #3
      Originally posted by anthriksh2000
      Hi,

      I want to have a image which has 4 people in it and i wnat that it should have image mapping. and when a particulat person is clicked upon in that image it should open a corresponding person HTML file in the new window .

      for that i used a software to create a image cordinates mapped to the corresponding person whcih i had saved in the same local folder .

      But now eben when we click any person nothing is happening in response

      Here is teh code

      [HTML]<html>
      <head>
      <title>HOME</title>
      </head>
      <body >
      <center ><H3 align="top">HOM E</H3></center>

      <!--<a href="Home.html "onClick="windo w.open('Home.tx t','mywindow',' width=140,heigh t=150')">-->
      <a href="Home.html "
      <img src="familymemb ers.gif" width="200" height="300"use map="#map1" >
      </a>

      <MAP NAME="map1">
      <AREA SHAPE="POLY" COORDS="0,192,6 2,68" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="64,71,1 18,218" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="30,220, 121,223" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="1,196,2 8,224" HREF="C:\Docume nts and Settings\a\Desk top\My family\Jane.htm " TITLE="Jane">
      <AREA SHAPE="POLY" COORDS="67,71,8 7,27" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="86,23,1 09,35" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="110,37, 149,18" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="149,21, 137,99" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="137,99, 109,191" HREF="C:\Docume nts and Settings\a\Desk top\My family\John.htm " TITLE="John">
      <AREA SHAPE="POLY" COORDS="143,91, 166,77" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="167,79, 188,93" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="189,95, 183,121" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="184,123 ,245,227" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="141,92, 111,183" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="110,188 ,121,221" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="123,222 ,244,227" HREF="C:\Docume nts and Settings\a\Desk top\My family\Rita.htm " TITLE="Rita">
      <AREA SHAPE="POLY" COORDS="194,94, 190,55" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="191,53, 221,42" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="222,41, 233,80" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="234,79, 286,94" HREF="" TITLE="">
      <AREA SHAPE="POLY" COORDS="285,95, 247,235" HREF="C:\Docume nts and Settings\a\Desk top\My family\Robin.ht m" TITLE="Robin">
      </MAP>



      </body>
      </html>[/HTML]
      In this I want this image mapping for the familymembers.g if image only and has linked their files as Jane,John,Rita and Robin which reside in same folder

      Please help
      Sup anthriksh2000, Please use proper code tags ( see posting guidlines ).

      As Emmi pointed out you have your link as a comment, and you didn't close that links tag ( [HTML]"</a>" [/HTML] ), and I I noticed that you had on "onclick" attibute in it, the problem there is you didn't give it a picture or text to click.

      And on your link below that ( Emmi pointed this out to ) you didn't close your start tag.

      So long story short you need to change it to this:

      [HTML]<a href="Home.html "onClick="windo w.open('Home.tx t','mywindow',' width=140,heigh t=150')">
      Text you wan't to appear.
      </a>
      <a href="Home.html ">
      <img src="familymemb ers.gif" width="200" height="300"use map="#map1" >
      </a>[/HTML]

      Hope it helps, Death

      Comment

      • Death Slaught
        Top Contributor
        • Aug 2007
        • 1137

        #4
        Originally posted by Emmi
        Well first thing I see without doing anything else is you have the link commented out (<!-- -->)You also haven't closed the other <a href> with a closing > and a </a>

        <!--<a href="Home.html "onClick="windo w.open('Home.tx t','mywindow',' width=140,heigh t=150')">-->
        <a href="Home.html "
        Sup Emmi, Please use proper code tags when posting ( see posting guidelines ).

        - Death

        Comment

        Working...