このフォトギャラリーは、css の animation に加えて transform プロパティーを使って、サムネイルに角度をつけたり、回転させたりするビジュアル効果を加味したものである。写真は600*338pixのもの … 続きを読む
フェイドイン型フォトギャラリーを前稿で示したが、ここに示すサンプルは、写真が拡大しながらフェイド・インするタイプである。先に示したフェイドイン型は transition を使っている。この拡大が同時に起こる場合にも、フェ … 続きを読む
LightBox タイプのフォトギャラリーを、既に2つほど紹介したが、ここでは、画面のサイズに応じて表示写真の大きさが、最大サイズ以下の範囲で変化するものになっている。すなわち、フルHDの写真を使いたい場合や、小さな解像 … 続きを読む
LightBox タイプのフォトギャラリーを、既に2つほど紹介したが、ここでは、画面のサイズに応じて表示写真の大きさが、最大サイズ以下の範囲で変化するものになっている。すなわち、フルHDの写真を使いたい場合や、小さな解像 … 続きを読む
LightBoxt タイプのギャラリーで、サムネイルクリックで拡大写真がフェイドインで登場し(transitionによる)、画面マウスオーバーで左右の送りボタンが表示され、そのクリックで左右に写真がスライドして次の写真が … 続きを読む
皆様おなじみのLightBox(画面はそのままで、画面中央に大きいイメージを表示するのに使用されるJavaScriptアプリケーション)タイプのフォトギャラリーである。 1/5 朝焼けの針の木岳 2/5 針ノ木岳 … 続きを読む
表示写真の右側にマウスをのせると右側の送りボタンが表示され、クリックで右側から写真が入ってくると同時に表示されている写真が左側に退場するタイプのフォトギャラリーというか、スライダーである。逆の左側も同様の操作が可能である … 続きを読む
css の animation を使った、写真が右からスライドインし、左にスライドアウトするタイプのスライドショーである。 サンプル 本サンプル表示用HTML HTMLの概要説明 ・表示用写真(スライド)を全て#fram … 続きを読む
css の animation を使った、フェイドイン、フェイドアウトで写真を切り替えるタイプのスライドショーである。 サンプル 本サンプル表示用HTML HTML概要説明 ・表示用写真を#frame内にすべて表示 … 続きを読む
画面下部に配置されたサムネイルをクリックすると、そのサムネイルがまず画面中央にそのサイズのまま移動し、0.1静止した後、拡大して写真が表示されるタイプのフォトギャラリーである。 cssのanimationプロパティーを使 … 続きを読む