Какой скрипт используют на этом сайте?

Question

[wib]

quadro-design.ru - какой скрипт используют на сайте при наведении на картинки?

Answer 1

[Alexander Pushkarev]

Вот эта функция

<script>
    jQuery('.work-item-move').each(function(){
        var thisElem = jQuery(this);
        var k=1.36;
        k = (thisElem.attr('class').indexOf('full-width')!=-1) ? 3 : 1.36;
        var getElemWidth = thisElem.width();
        var getElemHeight = getElemWidth/k;
        var centerX = getElemWidth/2;
        var centerY = getElemHeight/2;

        thisElem.css({'height' : getElemHeight});
        thisElem.mouseenter(function(){
            thisElem.on('mousemove', function (e) {
                var mouseX = e.pageX - thisElem.offset().left;
                var mouseY = e.pageY - thisElem.offset().top;
                var mouseDistX = (mouseX / centerX) * 100 - 100;
                var mouseDistY = (mouseY / centerY) * 100 - 100;
                thisElem.find('img').css({
                    'left': -(mouseDistX/6.64) - 15 + "%",
                    'top':  -(mouseDistY/6.64) - 15 + "%"
                });
            });
            thisElem.find('a').fadeIn('fast');
        }).mouseleave(function(){
            thisElem.find('a').fadeOut('fast');
        });
    });
</script>

Answer 2

[Егор Живагин]

Обычно это делает этот