Tengo una carpeta de imágenes. Dentro de esta carpeta, tengo varias imágenes de dos tipos; unopng y unogif. La imagen mostrada es lapng versión. En una imagen flotante, necesito reemplazarla por sugif versión. Y cuando el hover esté fuera, pon elpng versión de nuevo en su lugar.

Actualmente tengo lo siguiente que funciona

$(".image-container").mouseover(function () {
    var imgName = $(this).find('img').attr('src');
    var img2 = imgName.substring(0, imgName.lastIndexOf("."));
    $(this).find('img').attr("src", img2+".gif");
}).mouseout(function () {
    var imgName = $(this).find('img').attr('src');
    var img2 = imgName.substring(0, imgName.lastIndexOf("."));
    $(this).find('img').attr("src", img2+".png");
});

Funciona, pero no me gusta la forma en que repito las cosas. ¿Hay alguna manera de hacer esto más eficiente?

Gracias