/*
принцип работы:

в контейнер .hoverimage поместить 2 картинки, второй поместить ту которая будет по умолчанию сверху и ей же задать класс .static-img
когда мышь будет проходить над картинкой .static-img, скрипт будет ее скрывать и тогда станет видна та которая под ней
*/

$(document).ready(function() {
    $(".hoverimage").hover(function() {
        $(this).children('img.static-img').toggleClass('hide');
        $(this).children('img.hover-img').toggleClass('hide');
        
    }, function() {
            $(this).children('img.static-img').toggleClass('hide');
            $(this).children('img.hover-img').toggleClass('hide');
    });
});