2014年09月15日 随分遅くなりましたが

ずっとほったらかしになっていたサイトのイラストページをようやく直しました。
……ホントに今更ですみません!!!(汗
今回こんな告知だけで日記を書くのも、遅すぎて誰も気付かないだろうからだったりします





いや、なんでこんなに遅くなったかと言いますとですね……このイラストページは見せ方に困ってて、どうしたもんかと動けない状況が長かったのですよ。
私の頭の中にあったアイデアは、まず「サムネイル画像」が第1段階。そしてそれをクリックすることによって個別画像、およびちょっとした説明が出る、これが第2段階。
そして最後にその画像をクリックで等倍の大きい画像が表示される……という、第3段階の表示方法をやりたかったのです。
また私の絵には差分も多いので、第2段階あたりで差分もクリックで別途表示できるような仕組みにもしたかったのです。



……で、これを実現するのにだいぶ困ってました。目的達成自体はただリンクを貼ればいいのですが、そうするとウインドウがいくつも出るという問題。
何より、HTMLをそのイラスト毎に用意しないといけない!!あらかたの表示設定は外部スタイルシートで分けてあるのでいいのですが、それでもテーブルとか私はHTML側で設定した方が楽な所も多くてですね……
この後サイトを改装した際に、そのイラスト毎のHTMLまで全て手を加えないといけない、というとっても面倒くさい事態だけは避けたかったのですよ。





illustpage_preview.jpg



で、完成したのがこちら……さて、これだけで何を使ってるか分かるでしょうか?
と、いう訳で続きで紆余曲折を。


続きがあります
タグ:パソコン
posted by けんこう at 03:41 | その他 | このブログの読者になる | 更新情報をチェックする

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。