Tengo el carrusel de bootstrap funcionando en mi página web y quiero que se cargue de forma perezosa. He encontrado este código en internet:

$("#myCarousel").bind("slid", function(){
    $img = $(".active img", this);
    $img.attr("src", $img.data('lazy-load-src'));
});

Esto hace que el carrusel "cargue" la imagen actual cuando se hace clic en el botón siguiente (o anterior). Quiero que no cargue la imagen actual, sino la imagen después de eso, y la imagen que está frente a la imagen actual, para que aún tenga la bonita animación deslizante. Y no una imagen de carga.

Entonces, mi pregunta es ¿cómo configuro el lazy-load-src a src de la imagen anterior y de la siguiente imagen cuando se hace clic en el siguiente botón?