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

问题描述

| 我正在使用wordpress作为框架。 在PHP代码中，我使用了flickr api从flickr访问图像。 因此，当我单击特定图像时，需要在新窗口中打开。 是否有人对通过api进行操作有任何想法。类似于传递参数，例如\“ target = \'_ blank \'\” 要么 我们是否应该在javascript中为其编写自定义方法。 欢迎任何想法！ 感谢你。

解决方法

我不认为可以使用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) !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,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,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\');
});