- Impact
- 0
Here's the problem I can't figure out how to solve.
I have a map of a county. The image is a GIF that is 3000 x 2750 pixels. The sheer size of the map is necessary because of the need to be able to visually identify precincts within the county, some of which are very small, and where the identifying number needs to be legible on the screen.
What I want to do, is create a table of links to each one of the precincts, where the user can click on the precinct number in the table at the top of the page, and be taken to the exact spot on the GIF where that precinct is located.
The first idea I had was to use anchors, but that won't work because the link always takes the user to the anchor position's absolute left. The user then has to determine if the precinct is located on the screen, or if they need to scroll over to the right in the image to find it.
I need a solution to take the user's screen to the exact location of the precinct on the GIF from the link in the table. Preferably centered in the middle of the screen.
Help please?!
I have a map of a county. The image is a GIF that is 3000 x 2750 pixels. The sheer size of the map is necessary because of the need to be able to visually identify precincts within the county, some of which are very small, and where the identifying number needs to be legible on the screen.
What I want to do, is create a table of links to each one of the precincts, where the user can click on the precinct number in the table at the top of the page, and be taken to the exact spot on the GIF where that precinct is located.
The first idea I had was to use anchors, but that won't work because the link always takes the user to the anchor position's absolute left. The user then has to determine if the precinct is located on the screen, or if they need to scroll over to the right in the image to find it.
I need a solution to take the user's screen to the exact location of the precinct on the GIF from the link in the table. Preferably centered in the middle of the screen.
Help please?!






