hola
tengo la siguiente lista:
Código HTML:
Ver original<ul id="thumblist" class="clearfix"> <li><a href="javascript:void(0);" onclick="$('#dd').dialog('open')" rel="{gallery: 'gal1', smallimage: 'folder/simagen1.jpg',largeimage: 'folder/limagen1.jpg'}"><img alt="" src='folder/imagen1.jpg' width="116" height="93" /></a></li> <li><a href="javascript:void(0);" onclick="$('#dd').dialog('open')" rel="{gallery: 'gal1', smallimage: 'folder/simagen2.jpg',largeimage: 'folder/limagen2.jpg'}"><img alt="" src='folder/imagen2.jpg' width="116" height="93" /></a></li> <li><a href="javascript:void(0);" onclick="$('#dd').dialog('open')" rel="{gallery: 'gal1', smallimage: 'folder/simagen3.jpg',largeimage: 'folder/limagen3.jpg'}"><img alt="" src='folder/imagen3.jpg' width="116" height="93" /></a></li> <!--mas items-->
el codigo es de una lista de miniaturas de imagenes, que al dar clic sobre alguna miniatura se abre la imagen en una ventana modal,
bueno y estas son mis dudas
como puedo saber cual <li></li> o <a><a/> ha seleccionado el usuario??
deberia agregar alguna propiedad que me facilite saber cual se a selaccionado??
una vez que sepa cual se selcciono como me traigo los datos de la propiedad rel??
segun yo es con
var= $('#id').
prop('rel');
no?
y depues como accedo a cada dato del rel?? es decir, ya tengo el rel en la variable
var, recordemos que rel es:
rel="{gallery: 'gal1', smallimage: 'folder/simagen3.jpg',largeimage: 'folder/limagen3.jpg'}
por ejemplo si yo quiero smallimage, haria algo asi??:
var simag =
var.smallimage;
funcionaria ???
espero puendan ayudarme, gracias