Задать вопрос
@wib

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

quadro-design.ru - какой скрипт используют на сайте при наведении на картинки?
  • Вопрос задан
  • 92 просмотра
Подписаться 1 Оценить Комментировать
Решения вопроса 1
Вот эта функция
<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>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Krasnodar_etc
@Krasnodar_etc
fundraiseup
Обычно это делает этот
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы