$(document).ready(function () {
    var imagenes=$(".article p img");
    var total=imagenes.length;
    for (i=0; i < total ; i++){
	    $(imagenes[i]).before('<a name="imagen'+i+'" href="#"> </a>');
	    $(imagenes[i]).after('<div class="caption">'+(i+1)+'. '+$(imagenes[i]).attr('alt')+'</div>');
	    if(i>0){
    	    $(imagenes[i]).after('<span class="previmagen"><a href="#imagen'+(i-1)+'">  </a></span>');
	    }
	    if(i<total-1){
    	    $(imagenes[i]).after('<span class="proximagen"><a href="#imagen'+(i+1)+'">  </a></span>');	    	    
	    }
    }
});