Problemas para actualizar imagenes mediante ajax

[Montes28]

Hola amigos, tengo problemas para actualizar imagenes mediante ajax, el nombre de las imagenes cada cierto tiempo

El problema que tengo es que no cambian las imagenes, a que se debe esto? como recargo el src?

Código Javascript:

$(document).ready(function() {
             $('#container').beforeAfter({
                 beforeLinkText:"Antes",
                 afterLinkText:"Después",
                 animateIntro : true,
                  introDuration : 500,
                   showFullLinks : false,
                 dividerColor: '#FF0000',
                 enableKeyboard:true
             });
 
function getRandValue(){  
        $.ajax({
        type: "GET",
        dataType: "json",
        url: "prueba2",
        success: function (d) {
f = new Date(); 
$("#1").attr("src", "http://192.168.102.8"+d.uno+"?"+f.getTime());
$("#2").attr("src", "http://192.168.102.8/"+d.dos+"?"+f.getTime());
 
           
 
        }
    });
 }
 
    setInterval(getRandValue, 3000);
      
        });
 

Código PHP:

Route::get('prueba2', function () {
    
    $imagenes1 = File::glob('/var/www/html/imagen1/*.jpg');
    $imagenes2 = File::glob('/var/www/html/imagen2/*.jpg');
 
    $ultima1 = substr(end($imagenes1),13);
    $ultima2 = substr(end($imagenes2),13);
    $cam = array('uno' => $ultima1,  'dos' => $ultima2 );
 
    return response()->json($cam);
    
});