写真の表示に「Highslide」を導入してみました

22:46:48
このブログに掲載した写真をクリックした際に表示される拡大画像の表示方法を「Highslide JS」というJavascriptライブラリを利用して、ちょっとかっこよくしてみようかなと思っています。

こんな感じです。下の写真をクリックしてみてください。

FD20_080830080906_釣り_4


普通は別ウィンドウで表示される拡大画像が、「Highslide JS」を利用すると浮き出るように表示されます。
また、その中で同一ページ内の掲載写真をスライドショーのように連続再生することも可能です。

FC2ブログで実装するためには若干のプログラム修正が必要でしたが上手く行きました!
とりあえずはこのエントリの画像だけの実装ですが、ゆくゆくは全てのエントリの画像の表示方法を、これに変えたいと考えております。

「Highslide JS」には他にもいろいろな表示方法・機能があるみたいです。
興味のある方は利用してみてはいかがでしょうか?

Highslide JS(表示・動作サンプルなどをご確認いただけます)
http://highslide.com/


でも、私の場合、基本的に掲載する画像はFC2ブログにファイルアップロードしたものではなく、flickrというWebアルバムサービスに登録したものを使用しているので、「Highslide JS」を利用できないんですよね。

なんとか使えないかなぁ・・・



flickrテスト


これならうまく表示できそうですが、flickrのブログ貼り付け用タグのリンク先を修正する必要があるため、少々めんどうです。
このエントリにコメントする
  • このエントリーをはてなブックマークに追加  
  •   

よろしければこちらもどうぞ:
このエントリのタグ:
タグ関連エントリ:
読み込み中...

コメント

コメントの投稿

  • コメント大歓迎です!お気軽にコメントください!
  • コメントの掲載は管理者の承認制となっております。掲載まで少々お時間をいただくことがございますがご了承ください。
  • 質問いただいた内容には基本的にはこのコメント欄で回答させていただきます。メールアドレスを入力されてもメールでは回答しませんのでご了承ください。
必須入力
必須入力

タグクラウド