| |
|
|
| | Зашел тут на http://maps.google.com/
Здорово сделано, только не пойму как и на чем.
Ага, подсказали что JS, в исходном коде видно IFRAME, картинка склеиваится из квадратиков 128х128.
Но как она перемещается мышкой и неужели вод каждый масштаб (а их 15) свой набор картинок? | |
| |
|
|
| |
|
|
| |
для: denvor
(30.03.2005 в 17:09)
| | | у меня не открывается. говорит Loading... и виснет. ни фига не открывает :( | |
| |
|
|
| |
|
|
| |
для: elenaki
(30.03.2005 в 21:49)
| | | у меня открылось и в опере и в ИЕ 6 | |
| |
|
|
| |
|
|
| |
для: denvor
(31.03.2005 в 00:26)
| | | пробую еще раз. не получается. наверно, для буржуев вход запрещен :( | |
| |
|
|
| |
|
|
| |
для: denvor
(30.03.2005 в 17:09)
| | | Перемещение сделано с помощь Drug и Drop(скрипт работает, токо поставьте на одном с ним уровне файл 1.jpg и все точно будет работать!)
<html>
<head>
<script language="JavaScript">
flg = (document.all) ? 0 : 1;
var obj;
function mousedown(ev)
{
if (flg)
{
obj = document.layers[ev.target.name];
X=ev.x;
Y=ev.y;
return false;
}
else
{
obj = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}
}
function mousemove(ev)
{
if (obj)
{
if (flg)
{
obj.moveTo((ev.pageX-X), (ev.pageY-Y));
}
else
{
obj.pixelLeft = event.clientX-X + document.body.scrollLeft;
obj.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}
function mouseup()
{
obj = null;
}
if (flg)
{
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = mousedown;
document.onmousemove = mousemove;
document.onmouseup = mouseup;
</script>
</head>
<body>
<div id="a" style="position:absolute;left:0;top:0;">
<img src="1.jpg" name="a">
</div>
</body>
</html>
|
Кстати скрипт взят с этог же сайта из раздела давнлоад! | |
| |
|
|
