肥竜の戯言説明コメントとかあったほうがいいのかしら？

趣味全快のぶっとい竜とか女竜とかのブログ。

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

| 2024.11.22.Fri | |

そういえばHPを新しくリニューアルしてから結構経ちましたねー。
少しは見やすくなってればいいんですが・・・。
まだ見ていない方はぜひ見てあげてください、テンプレート使ったとはいえかなり頑張ったので！！（

さて全面的にデザインをリニューアルしたHPなんですが一つどうしても気になってることがあります。
見てくれた方はわかると思うのですが、以前までのレイアウトと違ってイラストにコメントがないのです。
自分でも落書き絵とかに差の大小はありますが語りたい内容の絵もいくつかあります。

色々理由はあるのですがなんといってもテキスト用にHTMLファイルを持たなければならないこと、これが大きいです。
端的にいえばファイ管理がメンドイ（滅
なんとかHTMLファイル増やさずにイラストにコメントを書き足せないものだろうか・・・うーぬ；

| 2012.06.10.Sun | 戯言 | Comment(5) |

この記事にコメントする

無題

＞説明コメント

ん～・・・・説明コメントはあったほうが良いんじゃないでしょうか？

天間渡 URL 2012.06.11.Mon 20:40 編集

っ旦

お久しぶり。私もコメント読みたいヨ
という事でいいモノがあるのでご紹介します

http://webneco.blog53.fc2.com/blog-entry-1.html

本来のスクリプトではtitleが表示されていた所を、
新たに追加したcaptionの記述に置き換えるものです
HTMLのサイズは大きくなりますが…

案内にはありませんが
<や>の参照の形で記述すれば、
<br>などタグも使えるようです

いかがですか？

饅円 2012.06.11.Mon 22:49 編集

レス

予想外に反応が！？このブログを見てくれてることに驚き！

＞天間渡さん
実現が難しいんですよ色々（；^ω^）

＞饅円さん
お久しぶりです！
なるほどLightBoxにキャプションつける方法ですね～

この方法前にちらっと見たことがあって、そのときは「HTMLファイルが肥大化するからこの方法はちょっと･･･」とも思ってたんですが、よくよく考えてみれば落書きページ自体を年代ごとにHTMLに分ければ一つずつのHTMLのサイズは押さえられそうです（見た目的にももスッキリするはず）

やはりコメント用に別途HTMLファイル持たずにコメントつけるにはこの方法しかなさそうですねｗ；
改行手段もわかりやすく載せていただいてますしこの方法でちょっと試してみますねｗ
助言ありがとうございます！(ﾟ∀ﾟ)

青瑠璃肥竜 URL 2012.06.14.Thu 01:29 編集

もうちょっとだけ

時間が取れたので手元で改良してみました。
もっと早いうちに出来たらよかったんですが… (-_-;)
これならcaptionに加えてtitleも表示されます。
どうぞお試しあれ

未改造のスクリプトを使用します

152行目に追加
Builder.node('span',{id:'imgDscr'}),

177行目の caption と numberDisplay の間に挿入
imgDscr

218行目の imageLink.title に続けて挿入
, imageLink.getAttribute('caption')

223行目の anchor.title に続けて挿入
, anchor.getAttribute('caption')

331行目に追加
this.imgDscr.update(this.imageArray[this.activeImage][2]).show();

コンマと空白・改行にご注意を

lightbox.css の最後にこちらもどうぞ
#lightbox #imgDscr { display:block; }

饅円 2012.06.15.Fri 02:35 編集

無題

＞饅円さん
アドバイスありがとうございます！
おかげさまで落書き絵にtitleとcaption同時に表示することが出来ましたｗ

今までの落書き絵に（全部ではないにしろ）コメント入れるため解説文の反映が遅れそうですが頑張ります･･･！！(；´∀｀)

青瑠璃肥竜 URL 2012.06.17.Sun 22:49 編集

<<近況報告？ | HOME | ふぁーすと３行きます>>

プロフィール

ＨＮ：

青瑠璃肥竜

ＨＰ：

Welcome DRAGOLUNAR

性別：

非公開