トップ 差分 一覧 Farm ソース 検索 ヘルプ PDF RSS ログイン

Webデザイン1 第10回目(H20)

JQueryライブラリの利用

JavaScriptのライブラリを使い、画像ファイルの見せ方を工夫する。

ライブラリを利用する手順は次の通り。

  1. ライブラリをダウンロードする
  2. 画像を用意する
  3. ライブラリの指定する書式でプログラム、HTMLタグを入力する

 JQZoom

サムネール画像の一部分を虫眼鏡で拡大表示するような感じで元の画像の部分を表示する。

 Lightbox 2

サムネール画像の元画像を視覚的な効果を伴ってポップアップして表示させる。

 演習

指定された素材をJQZOOM、Lightbox2による画像の表示方法を確かめる。画像のリサイズにはPixiaなどのツールを使う。


[Webデザイン1(H20)]