zoom картинки

<img class="zoomimage" src="$OTHER_1$" />

<script type="text/javascript">
function Zoom(imgclass) {
  function addEvent(object, type, handler) {
  function handle(e) {
  e = e || window.event;
  if (!e.pageX || !e.pageY) {
  var html = document.documentElement,
  body = document.body;
  e.pageX = event.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0);
  e.pageY = event.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0);
  }
  handler.call(object, e);
  }
  if (object.addEventListener) {
  object.addEventListener(type, handle, false);
  } else {
  object.attachEvent('on' + type, handle);
  }
  }
  function getOffset(element) {
  var offsetLeft = 0,
  offsetTop = 0;
  do {
  offsetLeft += element.offsetLeft;
  offsetTop += element.offsetTop;
  } while (element = element.offsetParent)
  return {
  top: offsetTop,
  left: offsetLeft
  }
  }
  function getElementsByClassName(imgclass) {
  if (document.getElementsByClassName) {
  return document.getElementsByClassName(imgclass);
  } else {
  var nodes = document.getElementsByTagName('*'),
  tmp = [];
  for (var i = 0; i < nodes.length; i++) {
  if (new RegExp('\\b' + imgclass + '\\b').test(nodes[i].className)) {
  tmp.push(nodes[i]);
  }
  }
  return tmp;
  }
  }
  var images = getElementsByClassName(imgclass);
  for (var i = 0; i < images.length; i++) {
  var tip = document.createElement('DIV');
  tip.style.cssText = 'overflow: hidden; display: none; width: 50px; height: 50px; border: 1px solid #EEEEEE; position: absolute; background: #FFFFFF;';
  images[i].offset = getOffset(images[i]);
  images[i].parentNode.insertBefore(tip, images[i].nextSibling);
  addEvent(images[i], 'mouseover', function () {
  this.nextSibling.innerHTML = '<img src="' + this.src + '" width="' + (this.offsetWidth * 2) + '" height="' + (this.offsetHeight * 2) + '" />';
  this.nextSibling.style.display = 'block';
  });
  addEvent(images[i], 'mouseout', function () {
  this.nextSibling.style.display = 'none';
  });
  addEvent(images[i], 'mousemove', function (event) {
  var tip = this.nextSibling,
  img = tip.firstChild;
  tip.style.top = event.pageY + 10;
  tip.style.left = event.pageX + 10;
  img.style.marginTop = -event.pageY * 2 + this.offset.top * 2 + 25;
  img.style.marginLeft = -event.pageX * 2 + this.offset.left * 2 + 25;
  });
  }
}
Zoom('zoomimage');
</script>