記事一覧にサムネイルを付ける cinema-daysに拍手する

2016年 12月 31
新着記事や関連記事、カテゴリ・月別アーカイブ・タグ検索にサムネイルが
付くようになったので、記事一覧にも付けられないか試してみた。

[1]<!--titlelist_area-->では、<%topentry_image_72>等のサムネイル変数が
利用出来ないようなので、jQueryのプラグイン「showImageLinks.js」を使わせて貰った。

参考サイト:画像付き内部リンクを表示させるスクリプト 〜関連記事とかに〜
ShowImageLinksの不具合修正と活用法

只、「archives.html」は全件で500件を対象にしているので、100件毎表示で5頁となる。
「linksURL」の指定を、linksURL: ["/archives.html","/archives.html?p=2","~」としても
2頁以降が上手く表示されい。何か良い方法はないかな??

使用時の注意点
 ① 本文(追記の前)に画像を入れておく
 ② 画像サイズも小さ過ぎるとダメみたい
まぁ、全記事一覧にサムネイルが必要か!!という疑義もありますが...

[2]処理速度が遅いので「MyThumbnail.js」に変更
参考サイト:わずかなコードで画像をサムネイル化してくれる「MyThumbnail.js」

只、画像の保存先が度々、変更となるFC2では NO PHOTO になる事が多い。
別途、固定フォルダーに画像を用意する必要がある。

[3]結局、background の image を replace する方法に変更(H29.1.21.)
jQuery を使って記事番号により、画像の保存先フォルダーを変更している。

只、NO PHOTO時の代替画像が表示出来ていない。
参考サイト:FC2ブログでサムネイル表示したい

サンプルページは、こちら

【スポンサーリンク】
 



Loading …

 劇場映画鑑賞(10件)  Google AJAX Feed API サービス終了に伴いjQuery使用に変更 (^^;)



 Comment 投稿欄
コメント大歓迎。投稿されたコメントはブログ開設者の承認後に公開されます。
 但し、記事と無関係と思われるものは、削除させて頂きます。


装飾文字・キャラクター絵文字をお使いの場合は下記の「プレビュー」ボタンを
クリック頂くとこちらで表記をご確認頂けます。


任意 : 後から修正や削除が可能
 非公開コメントとして投稿 (管理人にのみ公開)
   



Comment (0件) 皆様からのご意見・ご感想
 現在のところ、コメントはありません。


「返信」ボタンを押すとタイトル欄に
相手方の名前が入った投稿欄に切り替わります。

Thanks for Comments 


 Trackback (0件) 他のブログの批評・感想・レビューを紹介
   
 この記事にトラックバックする(FC2ブログユーザー)

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


Trackback (0件) 他のブログの批評・感想・レビューを紹介
 現在のところ、トラックバックはありません。


Thanks for TrackBacks 








この記事が、お役に立ちましたら、クリックをお願い致します。
  • cinema-daysを「にほんブログ村」で応援
  • cinema-daysを「FC2」で応援
  • cinema-daysを「人気ブログランキング」で応援
  • cinema-daysを「blogram」で応援



TweetsWind










このエントリーをはてなブックマークに追加








申し訳ありません。 該当する記事は削除した可能性があります。

  『グラスホッパー』再見      HOME     大晦日(2016年)