Делает кто-либо знает о плагине jQuery, который может сделать что-то вроде этого: http://www.pronovias.com/

Это, безусловно, возможно, и я уверен, что я видел, как кто-то уже писал для этого плагин, я просто не могу вспомнить, где это было.

Чтобы начать работу с плагином, вам нужно решить, что плагин должен делать, и, следуя этому, какие параметры должны быть.

На данный момент мы знаем, что плагину необходимо -

1. Увеличить центр мыши
   Насколько он должен увеличиваться?
   Должно ли изображение оставаться в центре во время увеличения?
   С какой скоростью должно увеличиваться изображение?
2. Уменьшите левый край мыши
   , используя те же настройки скорости, что и Увеличение.
   должен вернуться к исходному размеру изображения.

Помня об этом, вам нужно подумать.

1. Если мы просто увеличим ширину и высоту изображения, ширина и высота увеличатся в области просмотра, но что мы действительно хотим сделать, так это ограничить ширину и высоту значениями при загрузке страницы и сделать изображение больше в этих пределах. Как мы можем это сделать?
2. Должны ли мы при масштабировании поменять источник файла увеличенного изображения на версию изображения с более высоким разрешением? Возможно, нам не нужно делать это для малых масштабов, скажем, 10–20%, но, возможно, мы захотим сделать это для больших процентов масштабирования.

Код для начала. Запустите это на этой странице и посмотрите, что происходит с изображениями

var imgs = $('img');
imgs.wrap('<div style="overflow:hidden;"></div>');

imgs.parent('div').each(function() {
  var self = $(this),
      img = self.find('img');
  self.height(img.height());
  self.width(img.width());
});

imgs.animate({ width: "+=10%", height: "+=10%"}, 2000);