Home > website > サムネイル画像の拡大表示/Highslide JS

サムネイル画像の拡大表示/Highslide JS

Highslide JSを利用してサムネイル画像をニョイーンとかっこよく表示します。

参考:Highslide JS でサムネイル画像を拡大表示する

  1. Highslide JSのサイトよりファイルをダウンロード、解凍。
  2. highslideフォルダをアップロード。テンプレートにタグを追加する(スクリプトのインクルード設定・ポップアップ用空要素設定)

※なおキャプションを追加する場合はid属性が必要で、
これは要素毎に別の値を指定しなければいけないので注意。

備考:HighSlide JS の onclick 属性を JavaScript で登録する

a要素に「class="highslide"」の指定すると自動的に
「onclick="return hs.expand(this)" onkeypress="return hs.expand(this)"」部分を
追加できるようになります。
記事投稿時にサムネイルを利用する場合に便利そう。

Comments:0

Comment Form

Home > website > サムネイル画像の拡大表示/Highslide JS

Information
絶賛通販中
thnsf
「ジェネレーション エクス」応援バナー
Search
Feeds

Return to page top