忍者ブログ
ドールたちのウェブサイト 『あんぐり亭』の 特設ブログです!
☆ ななみの活動記録 ☆
09 2017/10 11
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
☆ 予定会員数 ☆
☆ 関連リンク ☆
☆ 最新のコメント ☆
[06/26 flareslugger]
[07/13 岸間 純一]
[07/13 岸間 純一]
[07/01 flareslugger]
[06/08 岸間 純一]
[12/12 BlogPetのボリス]
[10/19 こば]
☆ Weblog内の検索 ☆
×

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

◆2009年08月26日の記事を2009年08月27日に書き込まれた内容です。

 ページレイアウトが複雑になると進んだり戻ったりも面倒になったり
  画像が増えれば、一番下に追加した画像を見るためには
  マウスホイール長々と回転させる必要が出てきて
  画像が見れるまでに手間が掛かるとも考え
  直接見たい画像に飛べるようにサムネイル画像も作成・・・
  作業自体が「手間」そのものなんですが(笑)

 この仕様には2つの意味があります。
  一つは、触れたとおり見たい画像にクリックで飛べる事
  もう一つは、表示しているドールさんのページにおいて
  「何枚の画像が掲載されているか」一目で分かる事です。

 そんなわけで、作成されたサムネイルパネルがこれ!

bl_090826_a_hi.jpgbl_090826_b_hi.jpg







bl_090826_c_hi.jpg







 こんな感じでサムネイルが並べられ、クリックすることで
  大きな画像を表示できる仕様のレイアウトを組んでいます。

 ウェブ作成においてシステム面で似たように
  小さなサムネイルをクリックすることで、大きな画像を表示できるような
  HTMLやCSSの記述があるみたいですが
  使用しているHP作成ソフトが古すぎて対応できないっぽいので
  とりあえず、自分に分かりやすいやり方で見せることにしました。

拍手[0回]

PR
この記事にコメントする
お名前
タイトル
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事へのトラックバック
この記事にトラックバックする:
☆ 聖也が応援中 ☆
『大図書館の羊飼い』は好評発売中です。
☆ お天気情報 ☆
☆ アクセスLog ☆
忍者ブログ [PR]