Flickr APIを利用して

質問

http://itpro.nikkeibp.co.jp/article/COLUMN/20061101/252356/?ST=develop

こちらの記事を参考にしてFlickrAPIで画像を検索出来るように(FC2ブログで)なったのですが、記事の動作デモにもあるように、APIで表示されたサムネイルの画像をクリックすると、そのままのページでFlickrに飛んでしまうので、新しいタブ(別ウインドウ)でFlickrに飛ぶようにしたいのですが、どうすれば出来ますでしょうか？

回答の方、宜しくお願い致します。

回答No.1

LancerVII · ベストアンサー

こんにちは。

参考記事のflickr-search.jsを修正します。

下の方に
function jsonFlickrApi ( data ) {
}
という関数があります。
その中の
// a 要素の生成
というところを以下のようにします。

atagを作っているところのtargetを指定してあげます。
こうすることで新規ウィンドウまたはタブ(これは個々のブラウザの設定次第)で開くことが可能です。

==== flickr-search.js
// a 要素の生成
var atag = document.createElement( 'a' );
atag.href = 'http://www.flickr.com/photos/'+photo.owner+'/'+photo.id+'/';
// これを追加
atag.target = '_blank';

お礼

flickr-search.jsに追加したら、無事別のウインドウで開くことが出来ました。
回答ありがとうございました。大変助かりました。