Problema con prettyphoto

[Rapa]

Buenas, tengo diseñado un pequeño script de slide de fotos y el problema es que cuando cambio las imagenes me siguen saliendo las antiguas, se deben de almacenar en otro sitio como temporal o algo por el estilo, aqui os dejo el codigo haber si podeis ayudarme.

Código HTML:

 <div id="gal1">	
			<ul class="gallery clearfix">
				<li><a href="images/fullscreen/1.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/1.jpg" width="60" height="60"/></a></li>
				<li><a href="images/fullscreen/2.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/2.jpg" width="60" height="60"/> </a></li>
				<li><a href="images/fullscreen/3.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/3.jpg" width="60" height="60"/></a></li>
				<li><a href="images/fullscreen/4.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/4.jpg" width="60" height="60"/></a></li>
				<li><a href="images/fullscreen/5.jpg" rel="prettyPhoto[gallery1]"><img src="images/thumbnails/5.jpg" width="60" height="60"/></a></li>
	
			</ul>
            
        

			
			<script type="text/javascript" charset="utf-8">
			$(document).ready(function(){
				$("area[rel^='prettyPhoto']").prettyPhoto();
				
				$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:5000, autoplay_slideshow: true});
				$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});
		
				$("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({
					
					changepicturecallback: function(){ initialize(); }
				});

			
			
			});
			</script>
	
			
	</div> 

[marlanga]

Se están usando las imágenes de la chaché. Para evitarlo, hay que camniar la ruta de la imagen, por ejemplo, añadirle a la ruta un "?" y un número aleatorio, si por ejemplo tu servidor web es apache. Así la SRC de la iamgen no estará cacheada (es muy improbable que el mismo número aleatorio aparezca dos veces en poco tiempo).

Código Javascript:

window.onload=function(){
    var imagenes=document.getElementsByTagName("img");
    var n = imagenes.length;
    for (var i=0;i<n;i++)
    {
        imagenes[i].src+="?"+Math.random();
    }
}
 

;

Aunque lo mejor es que sea el lenguaje de servidor, por ejemplo PHP, el que escriba las rutas de las imágenes añadiéndole allí el "?"+número aleatorio.