зачем гемор если в браузере это уже реализовано?=)
смотри сам http://cyberua.16mb.com/files/zoom.html |
cyber,
Геммор затем - что он точно так же повторицо у тьву для закрепления пойнтеров! Походу я прозреваю, что суть в последовательности обработки- Драг должен следовать за Zoom, а не наоборот, вот тут собака зарыта |
не совсем понял что ты имееш ввиду
|
я не пойму одного, почему у гугл и тут http://vectorflower.com/preview/smoo...m/sample5.html
|
cyber,
они хитрожопые, - они ставят на карту мини-div - который масштабируецо вместе с картой и жестко привязан к точке, а внутрь пихают с абсолютной позицией картинку пойнтера - которая масштаб не меняет , но поскольку она внутри - она закреплена так же как и этот смасштабированный div - ксать отличная идея |
хм.. не совсем понял
размеры дива не меняются , а тормозов при drag and drop карты нет потому что она из кусочков? |
Цитата:
|
Цитата:
|
Deff, вот как то так=)
<!DOCTYPE HTML>
<html>
<head>
<style>
#wrapper {
position:absolute;
margin:40px;
overflow:hidden;
width:500px;
height:500px;
}
#wrapper img {
width:500px;
height:500px;
}
</style>
</head>
<body>
<div id='wrapper' class='wrapper'>
<img id="myPic"
src="http://worldoftanks.ru/dcont/fb/media/t110e5_april2012_clear/t110e5_ru_1680_1050.jpg"
lang="500"
style="position: absolute; left: 0; top: 0;"
onmousedown="myFunc ()">
<!-- атрибут lang="ширина картинки в пикселях" (она же - высота) -->
</div>
<script>
function myFunc (){
var obj = document.getElementById ('myPic');
if (obj.lang < 2500){
var width = obj.offsetWidth * 1.1;
var left = (width - 500) / 2 ;
obj.lang = width;
obj.style.height = width + 'px'
obj.style.width = width + 'px';
obj.style.left = -left + 'px';
obj.style.top = -left + 'px';
}
}
</script>
</body>
</html>
|
вопрос не по теме ,но не хочу новую создавать.
Цитата:
|
| Часовой пояс GMT +3, время: 03:04. |