Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I don't think it can be done using the API, but it's quite easy to do with Javascript.</p> <p>I grabbed some code from the <a href="http://www.flickr.com/badge.gne" rel="nofollow">Flickr badge creator</a> for reference:</p> <pre><code>&lt;!-- Start of Flickr Badge --&gt; &lt;style type="text/css"&gt; #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;} &lt;/style&gt; &lt;table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="10" border="0"&gt;&lt;tr&gt;&lt;td&gt;&lt;a href="http://www.flickr.com" id="flickr_www"&gt;www.&lt;strong style="color:#3993ff"&gt;flick&lt;span style="color:#ff1c92"&gt;r&lt;/span&gt;&lt;/strong&gt;.com&lt;/a&gt;&lt;table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper"&gt; &lt;script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=1&amp;count=3&amp;display=latest&amp;size=t&amp;layout=v&amp;source=all_tag&amp;tag=stack+overflow&amp;user=95384268%40N00"&gt;&lt;/script&gt; &lt;tr&gt; &lt;td id="flickr_badge_source" valign="center" align="center"&gt; &lt;table cellpadding="0" cellspacing="0" border="0"&gt;&lt;tr&gt; &lt;td id="flickr_badge_source_txt"&gt;More &lt;a href="http://www.flickr.com/photos/tags/stack overflow/"&gt;photos or video tagged with stack overflow&lt;/a&gt; on Flickr&lt;/td&gt; &lt;/tr&gt;&lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; &lt;!-- End of Flickr Badge --&gt; </code></pre> <p>With jQuery then, it's just a matter of targetting the links within the Flickr badge and adding the target=_blank attribute:</p> <pre><code>$(document).ready(function(){ $("#flickr_badge_uber_wrapper a").attr('target','_blank'); }); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload