Como poner enlace dentro de galeria de imagenes

[willycarp]

Buenas tardes!

Me baje una galeria de imagenes hecha con javascript pero tengo un problema que no se como resolver.
La misma está compuesta x thumbs que al clickear te abre la imagen en tamaño full, con un titulo y una descripción. Yo quisiera agregar en la descripción un link a otros sitios web, pero no se cómo hacerlo.

El código es el siguiente:

Código HTML:

<!-- Item Project and Filter Name -->
                            <li class="item-thumbs span3 design">
                                <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                                <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="The Office" href="_include/img/work/full/image-02-full.jpg">
                                    <span class="overlay-img"></span>
                                    <span class="overlay-img-thumb font-icon-plus"></span>
                                </a>
                                <!-- Thumb Image and Description -->
                                <img src="_include/img/work/thumbs/image-02.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
                            </li>
                            <!-- End Item Project -->
 

Código Javascript:

BRUSHED.fancyBox = function(){
    if($('.fancybox').length > 0 || $('.fancybox-media').length > 0 || $('.fancybox-various').length > 0){
        
        $(".fancybox").fancybox({               
                padding : 0,
                beforeShow: function () {
                    this.title = $(this.element).attr('title');
                    this.title = '<h4>' + this.title + '</h4>' + '<p>' + $(this.element).parent().find('img').attr('alt') + '</p>';
                },
                helpers : {
                    title : { type: 'inside' },
                }
            });
            
        $('.fancybox-media').fancybox({
            openEffect  : 'none',
            closeEffect : 'none',
            helpers : {
                media : {}
            }
        });
    }
}
 

Soy muy nuevo con javascript... y como la descripción se encuentran dentro de la etiqueta <alt> de <img> no puedo incluir dentro la etiqueta <a>.

Espero haber sido claro y que puedan ayudarme!!!

Muchas gracias!!!!

[PHPeros]

Parece que esa misma pregunta ya se ha hecho por la red.

http://stackoverflow.com/questions/4...in-the-caption

Se trata de usar html entities para el código html, dentro del atributo title del ancla.

[willycarp]

Gracias PHPeros!! me sirvió a la perfección... ya podría decir que sos mi profesor en este foro! siempre dandome la respuesta justa jajaja

Igual tengo una duda mas... necesitaria que el link abra en una nueva pestaña!

Espero no te rias... se me ocurrió probar lo siguiente y no funcionó:

Código HTML:

target="_blank"
 

puse ese código dentro de la etiqueta alt, pero nada! se ve que invente cualquiera jaja


¿Tenés idea como puedo hacerlo?

Gracias nuevamente

[willycarp]

Listo! lo logré! no estaba tan errada mi suposición! jeje

Servía pero lo que hice fue ponerla al principio!
x si alguien se encuentra con el mismo problema q yo la solución quedaría así:

Código HTML:

<a target="_blank" href="http://www.ejemplo.com">
 

Muchas gracias PHPeros nuevamente!!!!!!