Как заменить картинку в the_post_thumbnail с jpeg на gif при наведении мыши?

Question

[Алексей]

На главной странице отображаются много картинок к записям. Как заменить картинку в the_post_thumbnail с jpeg на gif при наведении мыши? К каждой картинке имеются jpeg и gif в медиафайлах для каждой миниатюры с одинаковыми названиями, допустим 1.jpeg и 1.gif (могу сделать и чтобы отличались 1.jpeg и допустим 1_1.gif).
Пробовал так

function replaceImageHandler(ev)
{
    var $img = $(this).find('img');
    var imgSrc = $img.attr('src');
    var toImg = imgSrc.substring(0, imgSrc.lastIndexOf(".")) + '.' + ev.data.ext;
    $img.attr('src', toImg)
}

$(".post-container")
    .on('mouseover', { ext: 'gif'}, replaceImageHandler)
    .on('mouseout', { ext: 'jpeg'}, replaceImageHandler);

и так

$(".post-container").mouseover(function (e) {    
    $(this).attr('src', $(this).attr('src').replace(/\.jpeg$/, '.gif'));
}).mouseout(function (e) {
    $(this).attr('src', $(this).attr('src').replace(/\.gif$/, '.jpeg'));
});

но не работает. Гуру, надежда на вас.

Answer 1

[Алексей]

Сам задал и сам ответил, работает первый код, просто не туда вставил)