turning caption into a link doesn't work in Lightbox 2.51

问题

Turning a caption into a link doesn't work in Lightbox 2.51 downloaded from here
Here is the code:

<a href="images/examples/image-1.jpg" rel="lightbox" 
  title="&lt;a target='_self' href='http://www.google.com'&gt;Google&lt;/a&gt;">
  <img src="images/examples/thumb-1.jpg" alt="" />
</a>

What should I do?
Thanks :)

回答1:

I found a solution for this problem in the lightbox.js. You must edit the if case, adding the else condition that avoid always return false when you click in the div "lightbox" .

 $lightbox.hide().on('click', function(e) {
    if ($(e.target).attr('id') === 'lightbox') { 
        _this.end();
        return false;
    }
    else { // HERE
        return true; 
    }
  });

回答2:

I found what I think is a better solution than those listed above using Lightbox 2 version 2.6. On line 252 of lightbox.js (unminified), you'll see this line which adds the caption:

this.$lightbox.find('.lb-caption').html(this.album[this.currentImageIndex].title).fadeIn('fast');

Once the caption is added, you can register the click event and force the browser to follow any link in the caption by adding onto the chain like this:

this.$lightbox.find('.lb-caption').html(this.album[this.currentImageIndex].title).fadeIn('fast').find('a').on('click', function() { location.href = $(this).attr('href') });

I've initiated a pull request with this change so you can follow the status and any further discussions there.

回答3:

Try using javascript in tag

onClick="window.location.href='http://www.google.com'"

Sample

    <a href="images/examples/image-1.jpg" rel="lightbox" 
  title="&lt;a target='_self' onClick=&quot;window.location.href=&#x27;http://www.google.com&#x27;&quot;   href='http://www.google.com'&gt;Google&lt;/a&gt;">
 <img src="images/examples/thumb-1.jpg" alt="" />
</a>

回答4:

I have been unable to get any of the answers here to work for me. However, I have found that Slimbox2 does work and is very straightforward to swap as it uses the same syntax.

来源：https://stackoverflow.com/questions/11119879/turning-caption-into-a-link-doesnt-work-in-lightbox-2-51

标签

hyperlink

lightbox

caption