Last change
on this file was
414,
checked in by Nick Burch, 14 years ago
|
New thumbnails, which include the bits of Scotland that we have
|
File size:
980 bytes
|
Line | |
---|
1 | |
---|
2 | <html> |
---|
3 | <head> |
---|
4 | <title>England and Wales maps</title> |
---|
5 | </head> |
---|
6 | <script src="yahoo.js"></script> |
---|
7 | <script src="dom.js"></script> |
---|
8 | <script src="event.js"></script> |
---|
9 | |
---|
10 | <body> |
---|
11 | <p> |
---|
12 | Click on the map to zoom in. |
---|
13 | </p> |
---|
14 | <a href="#" id="link"> |
---|
15 | <img src="thumbnail.jpg" style="border: none" /> |
---|
16 | </a> |
---|
17 | </body> |
---|
18 | |
---|
19 | <script type="text/javascript"> |
---|
20 | // The X offset |
---|
21 | // (The number of pixels that were trimmed from the left of the thumbnail |
---|
22 | // image, when it was created to start at 0,0) |
---|
23 | var xOffset = 77; |
---|
24 | |
---|
25 | function click(e) { |
---|
26 | |
---|
27 | e = YAHOO.util.Event.getEvent(e); |
---|
28 | var img = YAHOO.util.Event.getTarget(e); |
---|
29 | var imgPos = YAHOO.util.Dom.getXY(img); |
---|
30 | var x = xOffset + YAHOO.util.Event.getPageX(e) - imgPos[0]; |
---|
31 | var y = img.height-(YAHOO.util.Event.getPageY(e) - imgPos[1]); |
---|
32 | |
---|
33 | var s6x = Math.round(x/6); |
---|
34 | var s6y = Math.round(y/6); |
---|
35 | |
---|
36 | window.location=("map.html#" + s6x + "," + s6y + ",3"); |
---|
37 | |
---|
38 | YAHOO.util.Event.stopEvent(e); |
---|
39 | } |
---|
40 | |
---|
41 | YAHOO.util.Event.addListener("link", "click", click); |
---|
42 | |
---|
43 | </script> |
---|
44 | |
---|
45 | </html> |
---|
Note: See
TracBrowser
for help on using the repository browser.