フェイドイン・アウト型スライドショー(レスポンシブ)

 このサイトの閲覧者の方から、画面サイズに対応して画像が縮小する、いわゆるレスポンシブ型にできないものかとの質問を受けました。確かに最近ではスマホ対応にしないことには、一人前にあらずということですから、以前に投稿した「フ … 続きを読む

フォトギャラリー・スライドショー両用型(フェイドイン・アウト型)

 サムネイルをクリックするとステージに該当する拡大写真が登場するタイプのフォトギャラリーに、「Slide Show」ボタンをクリックするとスライドショーが開始される機能を加えたものである。  写真の登場・退場には、フェイ … 続きを読む

サムネイル用ロールオーバー効果(2)

 前回の投稿に続き、サムネイル用マウスオーバー効果であるが、マウスオーバーで図上にテキストを表示させるようにしたので、ナビゲーション用にも適用できる。すなわち、拡大画像表示のためのサムネイルにも応用できるし、リンクページ … 続きを読む

サムネイル用ロールオーバー効果

 フォトギャラリーなどで、並んでいるサムネイルの一つにマウスオーバーしたときに、何らかの反応があると操作にリズムが出てくるというか、選んでいるという実感がわいてくるというものである。ここで紹介するのは、マウスオーバーでサ … 続きを読む

サムネイルクリックでその位置で画像拡大2

 4chan 等の画像付き掲示板で、画像(サムネイル)をクリックすると、同じ位置に拡大写真が表示され、回りこんでいたテキスト文が画像の下に表示されるのを見かけるが、これを、CSSで作成した。本稿は、前稿の画像拡大縮小部分 … 続きを読む

スライダー(FadeIN・Out 型)

スライドショーが進行する途中で、マウスオーバーで表示される送りボタン(<(左) >(右))のクリックで、スライドをその方向に進行させるとともに、スライドショーの方向もクリックした方向に切り替えるタイプのスライダーである。 … 続きを読む

ブラインド開閉型スライドショーⅡ

 先に投稿した「ブラインド開閉型」では、ブラインド(短冊型矩形)が一方向(左から右)に順次閉じたり開いたりするタイプのものであったが、今回の投稿では、左から右に順次閉じ、次いで、右から左に順次開いていくタイプのものである … 続きを読む