Highslide のキャプション 2016年08月23日(火)23:12:00

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

参考サイト: ++ Highslide JS ++
highslide.config.js で「hs.captionEval」の指定をしていない場合は、
下記の方法で、キャプションを付加する事が出来ます。

Highslide にキャプションを付ける方法
<a href="imageURL" id="thumbID" class="highslide" onClick="return hs.expand(this)">〜</a>
<div class="highslide-caption" id="caption-for-thumbID">caption</div>


参考サイト:キャプションを表示する
只、この方法だと「<div class="highslide-caption" id="caption-for-thumbID">caption</div>」で
指定した所だけが、1行空いてしまうのが難点ですね。

サンプルページ: 奥能登ぐるり周遊!(一日目)
※ Highslide と lightbox 両方使ったページです。
【スポンサーリンク】
【拍手確認】 【記事の編集】
【関連タグ】 Highslide  当ブログ内の関連記事をタグで検索出来ます。
最終更新日時: 2016年08月24日(水)22:38:40ブログパーツ このページのトップへ

コメントの投稿 [0件]

非公開コメント

 商品検索

タグ [上位30件]



 カテゴリ&月別一覧
 
 最新記事紹介
視察研修2017年 2017/10/20
『刑事ゆがみ』 第二話 2017/10/19
『スタンドオフ(2016) 』 2017/10/19
『金メダル男』 2017/10/15
「ブラック星博士の東海征服計画2017」 2017/10/15
『ブラック・ファイル 野心の代償』 2017/10/14
『探偵ミタライの事件簿 星籠の海』 2017/10/13
ペイントで丸枠写真を移し替える方法 2017/10/12
博物館 明治村 (2017年) 2017/10/09
『ロング・トレイル!』 2017/10/06
 週間人気記事
 Trackback
 Comment 

コメント、トラックバック大歓迎。
但し、記事と無関係と思われるものは、
削除させて頂きます。

FC2ランキング
[ ジャンルランキング ]

映画:第74位
アクセスランキングを見る>>


[ サブジャンルランキング ]

レビュー:第35位
アクセスランキングを見る>>