サムネイルから本画像表示
サンプル画像:『探偵物語』より
・拡大画像がクリックで閉じ、
ドラッグで移動可能
・拡大画像の下にキャプションが挿入可能
《 導入参考サイト 》
・小粋空間
・頭脳外部メモリー「独学で趣味を満喫」
・nlog(n)
・ 「Highslide JS」 FC2ブログ 導入方法! スライドショー
*******************************************************
後記
a-cat MEMO を参考に再度導入(H21.5.7)
オマケ
CSSの指定で画像に白枠を付けました。
参考サイト:POCHIKING
フリーソフト JTrim(ジェイトリム) で白枠を付ける方法もあります。
但し、1枚ずつ画像を加工する必要があります。
参考サイト:駅風呂カスタマイズ本舗
*******************************************************
【スポンサーリンク】
<a href="画像ファイルのURL" class="highslide" onclick="return hs.expand(this)"><img src="サムネイル画像のURL" alt="画像のタイトル" /></a>
サムネイルのクリックはページの読み込みが全て完了してから行って下さい。
完了前ですと、単純な画像リンクでの本画像展開となります。
FC2でサムネイル画像の保存に失敗した場合の注意
(症 状) 再度、生成しても旧サムネイルが残っていて更新されない
(対処法)一旦画像を削除し、管理画面からログアウトし、ブラウザを閉じる。
再度管理画面へログインし直し、再アップロードする。
確認の為、ブラウザでサムネイル画像(-s.ファイル)を表示させて見る。
参考サイト:自由人万歳ν(ニュー)タイプ
*******************************************************
【追加】(H23.12.17)
「Lightpop」でサムネイルから本画像を表示する。
《 比較サンプル 》 参考:FC2で Lightpop
現在は、Highslideに統一しています。
*******************************************************
- 【パソコン】[カスタマイズ]
- 関連記事
-
- 「パンくずリスト」 2008/03/08
- 記事の表示方法の変更 2008/11/13
- サイドメニューを折り畳みにしました 2020/09/14
- 記事の表示件数 [2] 2009/08/29
- ブログパーツ復活 2009/11/08
- [続]表示速度改善1 2010/06/04
- コメントリスト [2] 2008/03/16
- ユーザータグ一覧 2007/04/04
- リンク途中の折り返しを回避する方法 2009/05/15