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:
Ver original<!-- 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-thumb font-icon-plus"></span> <!-- 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."> <!-- End Item Project -->
Código Javascript
:
Ver originalBRUSHED.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!!!!