cinema-days 映画な日々

TB表示部分のコンパクト化

2012/07/17
CM表示部分に続き、TB表示部分も、jQuery の aParthide プラグインを
使いコンパクト化しました。

《 オプションを使って調整 》
1.表示・非表示のテキストを変更
 2件目以降を非表示にして使用する為、
 「トラックバックを全て表示」と「トラックバックを折りたたむ」に文言を変更
2.表示件数を変更
 初期値は3件ですが、1件に変更
 jsファイルも直接書き換えました。

            ここまでは、コメントと同じ。。。。。。
【スポンサーリンク】
ここからは、トラックバックへの導入用にアレンジ。。。。。

3.リストタグの変更
 CM は ol を使っていましたが、TB は div を使用している為
 listElement:'div.listbox',
 listItems:'div.listelement' を追加
4.「.showhide」を2つ用意
 CM 用に「.showhide1」TB 用に「.showhide2」を設定
 それぞれに CSS も設定しました。


[問題点]
サイドバーのTB一覧から参照する場合、スクロール方式だと直接、当該TBに飛べたが、
aParthide方式の場合、毎回、トリガーから展開する必要がある。

CM 部分の設定
 
cinema-daysを「人気ブログランキング」で応援cinema-daysを「にほんブログ村」で応援
【パソコン】[カスタマイズ]
関連記事
【スポンサーリンク】
同カテゴリ  【パソコン】[カスタマイズ]

コメント歓迎!! 0

まだ、コメントはございません。

comment form

コメントは承認制です。コメントツールバーは利用できません。
【お名前・URL・コメント本文】欄の入力は必須になっております。

更  新  順
Hiro
Author: Hiro
発信地:愛知県
TB・CM(承認制)・LINK歓迎
cinemadays on X(旧Twitter)
cinemadays on Facebook