Seguro. Empezando por tu selector. Podes cambiar esto:
$('.espacios#monumentos a')
por esto
$('.espacios a')
Luego la pregunta es qué variables dentro del evento click son unicas para cada caso. En principio yo veo solamente esta:
$("#monumentos .escenario img")
Cambiemosla por:
$(this).siblings("div.escenario").children("img") // es decir, etiqueta hermana llamada escenario, y su hija la img.
Cita:
$('.espacios a') .click(function (evt) {
evt.preventDefault();
var largePath = $(this).attr("href");
var largeAlt = $(this).attr("title");
$(".escenario .loader").fadeIn("slow", function() {
laImagen = $(this).siblings("div.escenario").children("img");
laImagen .attr({ src: largePath, alt: largeAlt }).load(function() {
$(".escenario .loader").fadeOut("slow");
});
});
});
ref:
http://api.jquery.com/siblings/ http://api.jquery.com/children/
Respecto a esto: $(".escenario .loader") habría que tener es cuidado de que se refiera realmente al escenario en cuestion. Mejor que quede así:
$(this).siblings("div.escenario")... y ahí el .loader no se que sea.
