TagHighslide 1/1

Highslide のキャプション

Highslide のキャプションの付け方当ブログでは、Highslide.js と一緒にアップしている highslide.config.js 内で「hs.captionEval = 'this.thumb.alt'; hs.numberPosition = 'caption';」と指定しているので、サムネイル画像の「alt」 に書き込むだけで、キャプションの表示がされる。参考サイト: ++ Highslide JS ++...

  • 0
  • 0

情景探索記

情景探索記 【 ponichiさん の作品 】以前にも紹介しましたが、素敵な作品が一杯なので再度紹介。廃墟、風景、街角スナップ中心の photo blog ですが、11/19 に一周年を迎え益々、ご活躍。是非一度、ご訪問してみて下さい。【 photo slide クリックで拡大 4 でスライド開始 】...

  • 0
  • 0

Highslide JSでスライドショー 

サムネイルから本画像を表示するのに 「Highslide JS」 を使用しているので、 スライドショー(表示する画像をボタン一つで連続再生)のサンプルも作ってみました。   参考サイト:a-cat MEMO スライドショー(With-Gallery)の基本           残念ながら、上記サイトはクローズとなりました。   画像提供:情景探索記 【センスの光るponichiさん の作品 】 では、ご覧下さい。...

  • 0
  • 0

オリジナルサイズ表示

当ブログでは掲載画像は、殆どサムネイル表示していませんが、稀にサムネイルを使用している場合があります。その際に、オリジナル画像を表示する方法をこれまで2つ取り上げましたので、ここで纏めておきます。(サンプルが各リンク先のページにありますのでご覧下さい)(1) 画像サイズに合ったウインドウを開く (popup.js)  参考サイト:春木屋 creazy photograph(2) サムネイルから本画像表示 (Highslide JS)  参考サ...

  • 0
  • 0

サムネイルから本画像表示

「Highslide JS」でサムネイルから本画像を表示する。 サンプル画像:『探偵物語』より《 特徴 》 ・拡大画像がクリックで閉じ、  ドラッグで移動可能 ・拡大画像の下にキャプションが挿入可能  《 導入参考サイト 》 ・小粋空間 ・頭脳外部メモリー「独学で趣味を満喫」 ・nlog(n) ・ 「Highslide JS」 FC2ブログ 導入方法! スライドショー*******************************************************後記 当ブログでは単...

  • 1
  • 0