Foros del Web - Ver Mensaje Individual - Combinar Lightbox (jQuery) con datos en XML

Mr_Raymon · #11 (**permalink**) 06/01/2010, 13:02

Lo que quiero hacer es lo siguiente, ya que lo tengo claro.

Tengo creado un <ul> con una clase que se llama galeria. Dentro del ul se añadiria la informacion de la siguiente manera:

Código HTML:

Ver original<ul class="galeria"> 
<li><a href="img/descargas/fondos/original/fondo1.jpg" rel="prettyPhoto[fondos]" title="<b>Fondo para Escritorio 1440x900 pixels (pantallas panoramicas 16:10)</b>"><img src="img/descargas/fondos/minis/fondo1.jpg" class="imagen_hover" alt="Fondo para Escritorio 1"/></a></li> 
<li><a href="img/descargas/fondos/original/fondo2.jpg" rel="prettyPhoto[fondos]" title="<b>Fondo para Escritorio 1440x900 pixels (pantallas panoramicas 16:10)</b>"><img src="img/descargas/fondos/minis/fondo2.jpg" class="imagen_hover" alt="Fondo para Escritorio 2"/></a></li>
</ul>

La idea seria meter la informacion en cada <li> con un enlace <a> a la foto original con los atributos "href" (enlace a la foto), "rel" (para que funcione prettyPhoto) y "title" (para añadir informacion). Despues tenemos una etiqueta <img> que muestra la foto en miniatura, con un clase llamada "imagen_hover" y con el atributo "alt" (para el titulo de la foto en prettyPhoto).

Entonces seria añadir tres etiquetas con append y con sus atributos con attr ¿correcto?

¿Como lo ves?

Saludos.