Как прикрутить к сайту зум для картинок, как

Как прикрутить к сайту зум для картинок, как на дваче? Чтобы крутишь колёсиком, раз-раз, и приблизил как тебе надо. Есть какой-то плагин? Ну или что-то подобное. А то вокруг одно галерейное говно, которое не приближает толком. Подскажите, куда гуглить хотя бы.
https://www.youtube.com/watch?v=vCUK8w5RgZo

тест

нажми Ф12 и спизди отсюда
function expand(num, src, thumb_src, n_w, n_h, o_w, o_h, minimize,cloud) {
var $win = $(window);
if(Store.get('mobile.dont_expand_images',false) && ($win.width() < 480 || $win.height() < 480)) return;
if(!minimize && !window.expand_all_img && Store.get('other.fullscreen_expand',true)) return fullscreenExpand(num, src, thumb_src, n_w, n_h,cloud);
\t
//todo screen был не так и плох
\tvar win_width = $win.width();
var win_height = $win.height();
\tvar k = n_w/n_h;
\t
if(n_w > win_width || n_h > win_height){
n_h = win_height - 10;
n_w = n_w*k;
}
var filetag, parts, ext;
parts = src.split("/").pop().split(".");
ext = (parts).length > 1 ? parts.pop() : "";
if (((ext == 'webm') || (ext == 'mp3')) && n_w > o_w && n_h > o_h) {
\t\tcloseWebm = $new('a',
\t\t{
\t\t\t'href': src,
\t\t\t'id': 'close-webm-' + num,
\t\t\t'class': 'post__close-webm',
\t\t\t'html': '[Закрыть]',
\t\t\t'onclick': ' return expand(\'' + num + "\','" + src + "','" + thumb_src + "'," + o_w + ',' + o_h + ',' + n_w + ',' + n_h + ', 1);'
\t\t});
\t\trefElem = $id('title-' + num);
\t\trefElem.parentNode.insertBefore(closeWebm, refElem.nextSibling);
\t\t$('#exlink-' + num).prev().css('width','auto');
\t\tif(ext == 'mp3') {
\t\t\tfiletag = ' <audio controls><source src="' + src + '" type="audio/mpeg"></audio> ';
\t\t} else {
\t\t\tfiletag = '<video id="html5video" onplay="webmPlayStarted(this)" onvolumechange="webmVolumeChanged(this)" controls="" autoplay="" width="' + n_w + '" height="' + n_h + '"' + (Store.get('other.webm_vol',false)?'':'muted="1"') + ' loop="1" name="media"><source src="' + src + '" type="video/webm" class="video" ></video>';
\t\t}
\t\t
\t} else {
\t\tif (ext == 'webm') {
\t\t\tvar el = document.getElementById('close-webm-' + num);
\t\t\tel.parentNode.removeChild(el);
\t\t}
filetag = '<a href="' + src + '" onClick="return expand(\'' + num + "\','" + src + "','" + thumb_src + "'," +
o_w + ',' + o_h + ',' + n_w + ',' + n_h + ',' + (minimize?0:1) + ',' + cloud + ');" class="post__image-link ' + (minimize?'':'post__image-link_exp') + '"><img src="' + (!minimize ? src : thumb_src) + '" width="' + n_w + '" height="' + n_h + '" class="' + (!minimize ? '' : 'post__file-preview') + ((ext=='webm') ? ' post__file-webm' : '') + '" /></a>';
\t\tif(minimize && Store.get('other.expand_autoscroll', true)) {
var post = Post(num);
var post_el;
if(post.isRendered()) {
post_el = post.el();
}else{
post_el = $('#preview-' + parseInt(num));
}

var doc = $(document);
var pos = post_el.offset().top;
var scroll = doc.scrollTop();

if(scroll > pos) doc.scrollTop(pos);

}
}
$id('exlink-' + num).innerHTML = filetag;
return false;
}

А так подобные скрипты гуглятся Lightbox

Е

>>110640
>>110641
О, спасибо