Google Sites のデフォルトにフォトギャラリーが装備されていないので、本サイトのLightboxタイプのフォトギャラリーをほぼそのまま表示する方法を記述する。Google サイト上に表示するため、CSSに変更 … 続きを読む →

　前項で、全画面のページが縦に移動して切り替えられるサイト作りを紹介したが、この項では、全画面のページが横に移動して切り替えられるサイト作りである。 　縦移動型と、ほぼ同じ作りで、水平に並べたページを、transitio … 続きを読む →

　画面右側カラムに配置されたサムネイルのクリックで、該当する写真と説明文が縦方向にスライド移動して表示されるタイプのポートフォリオである。 　ナビゲーション画像（あるいはテキスト）のクリックで、画面が上下に移動するタイプ … 続きを読む →

　先稿で円形ワイプ型のギャラリーを紹介したが、今回は、スライドショーの紹介である。下に示したサンプルは、円形スライドを円形ワイプで切り替えるタイプのスライドショーである。 　別ページには、下のサンプルのスライドをクリック … 続きを読む →

　以前の投稿「スライダー（スライドショー＆ボタン送り）」のレスポンシブ対応型である。前稿の「スライダー/FadeIN・Out 型(レスポンシブ)」と同様、幅（width）を可変にして、height指定を排除した。さらに、 … 続きを読む →