画像のAPIを使ったサンプルサイトを作ってみた。
検索ワードをいれると、フリッカーとYahooとフォト蔵APIの検索結果を表示してくれるだけ。
件数を絞ってないから異様に重いサイトになってしまった。
あと、なんとなくhighslide.jsを使ってみた。
// highslide.jsを読み込む
// オンロードにイベントを登録
// graphicsフォルダのパスを設定してやる
hs.graphicsDir = '/js/highslide/graphics/';
window.onload = function() {
hs.preloadImages();
}
// こんな感じで指定する
<a href="拡大画像のURL" class='highslide'>
<img src="サムネイルのURL" alt='Highslide JS' />"
</a>これでとりあえすサムネイルを押すと拡大画像が表示された。
CSSをいじれば、見せ方をもっと変えれるらしい。
こちらのサイト様に詳しくのってました。
すごいJavaScriptだなぁ。
LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。
