Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/03/2014, 15:13
Avatar de willycarp
willycarp
 
Fecha de Ingreso: enero-2013
Mensajes: 83
Antigüedad: 12 años, 1 mes
Puntos: 0
Como poner enlace dentro de galeria de imagenes

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
  1. <!-- Item Project and Filter Name -->
  2.                             <li class="item-thumbs span3 design">
  3.                                 <!-- Fancybox - Gallery Enabled - Title - Full Image -->
  4.                                 <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="The Office" href="_include/img/work/full/image-02-full.jpg">
  5.                                     <span class="overlay-img"></span>
  6.                                     <span class="overlay-img-thumb font-icon-plus"></span>
  7.                                 </a>
  8.                                 <!-- Thumb Image and Description -->
  9.                                 <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.">
  10.                             </li>
  11.                             <!-- End Item Project -->

Código Javascript:
Ver original
  1. BRUSHED.fancyBox = function(){
  2.     if($('.fancybox').length > 0 || $('.fancybox-media').length > 0 || $('.fancybox-various').length > 0){
  3.        
  4.         $(".fancybox").fancybox({              
  5.                 padding : 0,
  6.                 beforeShow: function () {
  7.                     this.title = $(this.element).attr('title');
  8.                     this.title = '<h4>' + this.title + '</h4>' + '<p>' + $(this.element).parent().find('img').attr('alt') + '</p>';
  9.                 },
  10.                 helpers : {
  11.                     title : { type: 'inside' },
  12.                 }
  13.             });
  14.            
  15.         $('.fancybox-media').fancybox({
  16.             openEffect  : 'none',
  17.             closeEffect : 'none',
  18.             helpers : {
  19.                 media : {}
  20.             }
  21.         });
  22.     }
  23. }



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!!!!