如何制作 Flickr 徽章 打开新窗口

Question

我使用 wordpress 作为框架。 在 PHP 代码中，我使用 flickr api 来访问 flickr 中的图像。 因此，当我单击特定图像时，我需要在新窗口中打开。

有人知道如何通过 api 来实现这一点吗？比如传递“target='_blank'”这样的参数 或者 我们是否必须用 javascript 为其编写自定义方法？

非常欢迎提出想法！ 感谢你。

Answer 1

我不认为使用 API 可以做到这一点，但使用 Javascript 就很容易做到。

我从 Flickr 徽章创建器 中获取了一些代码作为参考：

<!-- Start of Flickr Badge -->
<style type="text/css">
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
</style>
<table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="10" border="0"><tr><td><a href="http://www.flickr.com" id="flickr_www">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=3&display=latest&size=t&layout=v&source=all_tag&tag=stack+overflow&user=95384268%40N00"></script>
<tr>
<td id="flickr_badge_source" valign="center" align="center">
<table cellpadding="0" cellspacing="0" border="0"><tr>
<td id="flickr_badge_source_txt">More <a href="http://www.flickr.com/photos/tags/stack overflow/">photos or video tagged with stack overflow</a> on Flickr</td>
</tr></table>
</td>
</tr>
</table>
</td></tr></table>
<!-- End of Flickr Badge -->

使用 jQuery，这只是一个问题定位 Flickr 徽章内的链接并添加 target=_blank 属性：

$(document).ready(function(){
 $("#flickr_badge_uber_wrapper a").attr('target','_blank');
});