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);
    
});
 

[gildus]

Podrias probar con:

Código Javascript:

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

Analiza el tiempo de carga de cada imagen y de acuerdo a eso deberas inicialo en el Interval, Tambien nos podrias pasar los mensajes de RED y de tu consola.

Saludos,

[Montes28]

recibo estado 200 OK

el response que obtengo es

Código Javascript:

{"uno":"\/cam1\/01\/20151008_201628M.jpg",
"dos":"\/cam2\/02\/20151008_201933M.jpg"}
 

el preview:

Código Javascript:

uno: "/cam1/01/20151008_201933M.jpg"
dos: "/cam2/02/20151008_201628M.jpg"
 

pero no logro que se recarge la imagen