LightBoxt タイプのギャラリーで、サムネイルクリックで拡大写真がフェイドインで登場し(transitionによる)、画面マウスオーバーで左右の送りボタンが表示され、そのクリックで左右に写真がスライドして次の写真が … 続きを読む
Monthly Archives: 2月 2014
皆様おなじみのLightBox(画面はそのままで、画面中央に大きいイメージを表示するのに使用されるJavaScriptアプリケーション)タイプのフォトギャラリーである。 1/5 朝焼けの針の木岳 2/5 針ノ木岳 … 続きを読む
表示写真の右側にマウスをのせると右側の送りボタンが表示され、クリックで右側から写真が入ってくると同時に表示されている写真が左側に退場するタイプのフォトギャラリーというか、スライダーである。逆の左側も同様の操作が可能である … 続きを読む
css の animation を使った、写真が右からスライドインし、左にスライドアウトするタイプのスライドショーである。 サンプル 本サンプル表示用HTML HTMLの概要説明 ・表示用写真(スライド)を全て#fram … 続きを読む
css の animation を使った、フェイドイン、フェイドアウトで写真を切り替えるタイプのスライドショーである。 サンプル 本サンプル表示用HTML HTML概要説明 ・表示用写真を#frame内にすべて表示 … 続きを読む
画面下部に配置されたサムネイルをクリックすると、そのサムネイルがまず画面中央にそのサイズのまま移動し、0.1静止した後、拡大して写真が表示されるタイプのフォトギャラリーである。 cssのanimationプロパティーを使 … 続きを読む
画面下部に配置されたサムネイルをクリックすると、そのサムネイルが拡大しながら移動し、画面中央に写真が表示されるタイプのフォトギャラリーである。 cssのtransitionで、left、top、width、heightの … 続きを読む
画面下部に配置されたサムネイルをクリックすると、画面に表示された写真が左右にスライドして、サムネイルに該当する写真を表示するタイプのフォトギャラリー。表示写真は、最初に並べた順が変わらないので現表示写真から離れている写真 … 続きを読む
ステージ下部に配置されたサムネイルをクリックすると、メイン画面に写真が右からスライド・インして表示されるタイプのフォトギャラリーであり、css の transition プロパティーを使った例である。サムネイル用の小さな … 続きを読む
ステージ下部に配置されたサムネイルをクリックすると、メイン画面に写真がフェイド・インして表示されるタイプのフォトギャラリーであり、css の transition プロパティーを使った例である。サムネイル用の小さなサイズ … 続きを読む