Colorbox：点击链接到外部网站的弹出图片

我希望有人能帮助我。我有一个colorbox在一个新的客户端网站上工作，但我遇到了麻烦，想知道如何添加代码，以允许弹出的图像被点击，然后链接到新标签中的外部网站。Colorbox：点击链接到外部网站的弹出图片

这是我到目前为止有：

$(document).ready(function(){ 
$("a[rel='pop']").colorbox({transition:"fade", speed: 250});

}）;

<a href="../images/about.babyknitskit.png" rel="pop" title="<a href='http://www.chroniclebooks.com/site/catalog/index.php?main_page=pubs_product_book_info&products_id=6499&store=books'>Get it at Chronicle Books</a>"><span class="h2">Baby Knits Kit</span> (2007)<br>Chronicle Books<br></a>

在上面，当婴儿针织套装点击弹出打开罚款与我创建的图像（about.babyknitskit.png）。在弹出窗口的顶部有“Get Chronicle Books”，当我点击它会带我到那个网站（在我不想要的同一个标签中）。相反，我希望about.babyknitskit.png图片可点击并在新窗口中打开链接。

任何想法非常赞赏。我希望我已经给你们提供了足够的信息，因为我对这一切和计算器都很陌生。

来源

2012-03-25 user2150517

而且我还有一个问题与上面完全相同。如果我不想在Colorbox中使用图像作为弹出窗口，而是使用html文本，而不是如何编写该图像，那么如何在外部链接（在新窗口中打开）包含指向该文本的链接HTML？非常感谢！ – user2150517 2012-03-25 09:38:37

只需使用colorbox的html属性即可。另外，你可以使用'inline'设置为true的href属性。我为定位提供了一个自定义属性，以便于提取，或者可以编写一个正则表达式来从title属性中提取它。

$(document).ready(function() { 
     $("a[rel='pop']").colorbox({transition:"fade", speed: 250, html: function(){ 
      var html = $('<a href="' + $(this).data('image-link') + '" target="_blank"><img src="' + $(this).attr('href') + '" /></a>'); 
      return html; 
     }}); 
    }); 

<a href="_images/luke_header-bkg.jpg" rel="pop" title="<a href='http://www.chroniclebooks.com/site/catalog/index.php?main_page=pubs_product_book_info&products_id=6499&store=books'>Get it at Chronicle Books</a>" data-image-link="http://www.chroniclebooks.com/site/catalog/index.php?main_page=pubs_product_book_info&products_id=6499&store=books"><span class="h2">Baby Knits Kit</span> (2007)<br>Chronicle Books<br></a>

来源

2012-04-04 00:12:58 trickyzter

Colorbox：点击链接到外部网站的弹出图片

回答

相关问题