如何使Flickr徽章打開新窗口

Question

我使用wordpress作爲框架。 在PHP代碼中，我使用flickr api來訪問flickr中的圖像。 所以我需要在新窗口中打開，當我點擊一個特定的圖像。

有誰知道這樣做它通過api.Something像傳遞參數就像任何想法「的目標=‘_空白’」 或 如果我們要編寫自定義的方法，它的JavaScript。

想法是最受歡迎的！ 謝謝你。

Answer 1

我不認爲可以使用API​​來完成，但使用Javascript很容易。

我抓住一些代碼從Flickr badge creator供參考：

<!-- 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'); 
});