- 作品 No.101
= 作品 No.101 =
縦方向のスライドショー(サムネールなし、コントロールボタンなし)を、Photoshop で作成した作品No.201と合わせた作品です。
この様な縦長の写真には、このスライドショーが最適です。縦のラインが強調され、モデルを、さらに、スレンダーにカッコよく見せることができます。 - 作品 No.103
= 作品 No.103 =
横方向のスライドショー(サムネールなし、コントロールボタンなし)を、Photoshop で作成した作品No.202 に載せた作品です。
自宅で撮影した朝食の写真をPhotoshopでポップアート風に加工した画像を見せています。 - 作品 No.105
= 作品 No.105 =
年月のたった新聞の一面の画像部分に、フェイドイン、フェイドアウトのスライドショー(サムネイル、コントロールボタン、繰り返しなし)を入れた作品です。
過去の歴史的な一日という印象を与えるように表現をしたかったので、セピア調の古い写真から始め、2枚目からはカラーにし、最後は1枚目の写真に戻ります。そして、バックの新聞と一体化。
なので、繰り返しなしの設定にする必要がありました。 - 作品 No.107
= work No. 107 =
横方向のスライドショーです。左右のコントロールボタンと、サムネイルが設置されています。
サムネイルで、離れた順番の画像をクリックしたときの画像の動きが速く、カッコいいのです。
- 作品 No.109
作成予定
- 作品 No.102
= 作品 No.102 =
webショップの一部を作成しました。jQueryのロールオーバーを使用しているので、商品にマウスを乗せると画像が入れ替わります。さらに、クリックをすると、各商品の詳細のページにリンクします。
ロゴ、ボタンは、Photoshop で作成しました。 - 作品 No.104
= 作品 No.104 =
この作品は、jQueryのプログラムが2つ搭載されている webページです。1つは、縦方向のスライドショー(サムネイルなし、コントロールボタンなし)、もう1つは、アコーディオン。
このページのスタイルでは、左のスライドショーに広告を入れることも可能です。
jQueryのプログラムを2つ両方機能させることに、苦労しました。解決のキーは、リンク(CSS と JS)の記述の順番でした。
アコーディオンのタブトップに、日本語と英語を記述し、それぞれのタブパネルに日本語と英語で説明文を記載してます。
こうする事で、多国語のサイトを限られたスペースで仕上げることができます。 - 作品 No.106
= 作品 No.106 =
画像の上に、jQueryのカルーセルを置いた作品です。
カルーセルは、左右のコントロールボタンと、画像の下のサムネイルが設置されています。
webショップのトップページに使えるスタイルです。いくつか取り上げたい商品の画像をカルーセルにのせて表示する事で、訪問者に効果的に店のイメージや取扱商品を伝えることができます。
- 作品 No.108
作成中
- 作品 No.110
作成未定