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

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

スライダー(FadeIN・Out 型)

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

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

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

フェイドイン・アウト型スライドショー(テロップ入り)

先に記述したフェイドイン・アウト型スライドショーで、各スライドごとに、流れる説明文(テロップ)を挿入したものである。 サンプル 朝焼けの針ノ木岳 針ノ木岳、スバリ岳を背に岩小屋沢岳への登り 剣岳を真近に望む 鹿島槍ヶ岳、 … 続きを読む

スライダー(スライドショー&ボタン送り)

スライドが水平方向に移動するタイプのスライドショーで、マウスオーバーで出現する左右への送りボタンで一枚ずつのコマ送りも可能にしたもの、いわゆるスライダーの作成である。 サンプル < > < > < > < > < > 表 … 続きを読む