Purple Harp

つぁーこ の創作に関する記事を書き連ねていくページ。たまに女性向け注意。

やばい年賀状描かないとやばい【サイト改装】

こんにちは!

サイトのギャラリーページをかなり大掛かりに改装したのでお知らせします。

頑張りましたよ(`・ω・´)

ギャラリーページをどのように見せるか?

これはイラストサイトの最も大きな課題であり、私にとっても悩みでありました。

主流は【フレーム型】と【別窓で開くorLightboxビューアー型】だと思っています。

◎フレーム型のメリット

・クリック数が少ない

・画像表示側のレイアウトが自由

●フレーム型のデメリット

・推奨されるHTMLではない

・ディスプレイが大きいとマウスの移動が大きい

・なんかダサい

Lightbox型メリット

・画像を大きく表示でき、レイアウトに邪魔されない。なんかカッコイイ

Lightbox型デメリット

・タイムラグがある。クリック数が多い。複数枚表示ができない。

・キャプションが入れにくい

今回私は、Lightbox型のレイアウトを採用しました。

暫くこれを使ってみて、不便なようならまたフレームに戻るかもしれません。

☆★突然ですが今回の改装の押しポイント!!!★☆

◆ギャラリーTOPには画像リンクが配置され、直感的にアクセス可能。

 マウスを置くことでキャプションが表示されます。 

 ↑このオーバーレイキャプションの設置には苦労しました;

 前回のレイアウトだと目立たなかった「欧州音楽家キャラ紹介」にアクセスしやすくなりました。

◆とにかくキャラクターチップが可愛い

 (なんか、画像うまくアップできないし表示もされないんだけど何で)

 モーツァルト君のミニキャラが、ギャラリーページに入るときのLoading画面に現れます。

 Loading画面を導入することで、ページ移動時のがたつきが気にならなくなりました。

 ・・・IEだとミニキャラ表示されないけど!!!!!

Lightbox型ビューアー「Colorbox」導入

 Colorboxは、Lightboxと似て非なるものです。

 Lightboxだと大きな画像が自動で縮小されて、「漫画の字潰れて読めねぇ~」という状況に

 なってしまうので、違うものを導入しました。 こっちの方が読み込み軽くてカッコ良いし

 また、「title属性にキャプションを設定すると、長ったらしいキャプションがポップアップされる・・・」

 という問題も回避することができました。

サイトのコンテンツを少し増やしたいので、暫くはこんな感じでサイトをちょこちょこ

いじっていこうかなと思っています。

年賀状?描きます。やばいです。

おわり