Revision: 27537
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at June 14, 2010 09:41 by stancox
Initial Code
<html>
<body onload="CreateView('map', 'img.jpg', 856, 650)">
<div id="map" style="width:500px; height:500px;"></div>
<script type="text/javascript">
function CreateView(id, imgSrc, imgWidth, imgHeight) {
var map = document.getElementById(id);
map.style.background = 'url('+imgSrc+') no-repeat 0 0';
map.onmousemove = function(e) {
e = e || window.event;
var divWidth = map.offsetWidth;
var divHeight = map.offsetHeight;
map.style.backgroundPosition =
'-'+Math.floor(e.clientX/divWidth*(imgWidth-divWidth))+'px'
+' -'+Math.floor(e.clientY/divHeight*(imgHeight-divHeight))+'px';
}
}
</script>
</body>
</html>
Initial URL
http://otvety.google.ru/otvety/thread?tid=14cc8f9581b38538
Initial Description
ПодÑкажите готовый Ñкрипт Ñкроллинга картинки: еÑÑ‚ÑŒ Ð±Ð¾Ð»ÑŒÑˆÐ°Ñ ÐºÐ°Ñ€Ñ‚Ð¸Ð½ÐºÐ° по ширине. Ðачинаем веÑти курÑор вправа - двигаетÑÑ Ð²Ð¿Ñ€Ð°Ð²Ð¾. Чем ближе к границе тем Ñильнее. При границе картинки натыкаетÑÑ Ðналогично влево.
Initial Title
image scrolling by width
Initial Tags
images
Initial Language
JavaScript