Gracias por el feedback, Kokoou. Lo que propones es, a todos los efectos, lo mismo que:
Código:
var loader = $("div.loader");
El problema es que hay varias galerías en la misma página, es decir, varios
div.espacios que contienen el correspondiente
.escenario. De modo que de esta manera que planteas, van a aparecer todos los
div.loader de todos los
.escenario al hacer click. La idea es que sólo aparezca el
.loader que corresponde al
.espacio en que hacemos click, de ahí:
Código:
var escenario = $(this).siblings("div.escenario");
La clave está en siblings como me explicó Mayid en el post original (que no consigo enlazar con el wysiwyg del foro) --> http://www.forosdelweb.com/f127/variable-para-atributo-id-seleccionado-824866
De hecho de este modo
Código:
var loader = $('.escenario .loader');
se produce un error recursivo (según la web developer tool).
A falta de mejor solución, lo que voy a hacer es quitar el gif animado de fondo del
div.loader sólo para IE.
Recibe un cordial saludo.