Сообщение от рони
|
CodeMonk3y,
может быть вы хотели так ...
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style>
#map {
position: fixed;
left: 0; top: 0;
}
</style>
</head>
<body style="overflow: hidden">
<img id ="map" src="http://www.nationalgeographic.com/content/dam/travel/rights-exempt/Travel-2016/59-parks-52-weeks/sequoia/giant-tree-trail-sequoia-national-park.jpg"></img>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(window).on("load", function() {
var width = $("#map").width();
var height = $("#map").height();
$("body").mousemove(function(event){
var left = (width - $(window).width()) * event.pageX/$(window).width()
var top = (height - $(window).height())* event.pageY/$(window).height()
$("#map").css({left: -left, top: -top});
});
})
</script>
</body>
</html>
|
Спасибо за помощь. Я отложил проблему на пару дней, но она еще актуальна. Нет, так не хотел бы. Хотел бы реализовать движение изображения, как двигается карта в яндекс-картах. Глупый вопрос, но может где-то можно найти исходники яндекс-карт? В исходниках мне нужен лишь ответ на один вопрос "какой алгоритм движения яндекс-карт"