忍者ブログ

タイトルを見て何のことかよく分からなかった読者の方々がいらっしゃっても問題ありません。
何を隠そう筆者自身、CSS(※ウェブサイトのデザインを司るプログラミング言語)でカルーセルと言われても「・・・タレント?」が真っ先に思い浮かんだくらいですので。笑

大仰な名称がついていますが、実物をご覧いただければ1度くらいは目にしたことがあるはずです。


画像のカルーセルとは

恐らく説明よりも先に実物をご覧いただいた方が早そうなので。。。

このように複数の画像が流れていく仕掛け、企業ホームページの一番上の方でご覧になったことはありませんか?
※企業のページの場合は左右への移動用ボタンも実装されていそうではありますが。

こちらはこのブログページとは別の場所で実装したのですが、多分なんだかんだで後述するクロスフェードの方に置き換えることになるような気がしています。
正直、管理する側としても手間がかかる割に使い道が限られるので。

画像のクロスフェード

こちらはカルーセルよりはご存知の方が多いのではないかと。

ある特定の場所で画像がどんどん入れ替わっていくものです。

こちらは実際にこのブログでもトップページで実装していますので、気になられた方は実際にアクセスしてみてください。

実装「出来なかった」もの

上述した2つとは別に、もう1つ実装を試みていたのですが叶わなかったものがあります。
それはモーダルウィンドウ。

・・・はい、また訳の分からない言葉が1つ増えたと思われるかもしれませんが、たまにページを読み進めていると画面の真ん中にポワンと画像や文章が浮かんできた経験はございませんか?
少々乱暴な表現かもしれませんが、モーダルウィンドウとは即ちそれのことです。「ポップアップ」と呼ばれることがあるかもしれません。

ネット上にあったサンプルを参考に色々と試してはみたのですが、結局どうにもうまくいかなかったので「固執して悩み続けるくらいなら全く別の方法を検討しよう」となりました。
以前のページデザインを0から作り直したときと同じ発想(?)です。

ページ全体のデザインを0から作り直しましたページ全体のデザインを0から作り直しました
ページ全体のデザインを0から作り直しました|Blog|10GoodFactory
10goodfactory.indiesj.com

CSSは弄り始めると終わりがない

何事もそうでしょうが、ウェブサイトにおけるCSSも凝りだしたらどこまでもとことん凝ることが出来る代物ですので、時間と成果を天秤にかけてちょうどいい塩梅を自身で見繕う必要があります。

ウェブサイトの場合、さらにJavascriptというプログラミング言語もありますから、このブログでも実は少々使っているとはいえそっちまで本格的に手を出し始めたらもう時間がいくらあっても足りません。
ん?jQuery?PHP?チョットヨクワカラナイ・・・苦笑

拍手

PR

コメント

お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード Vodafone絵文字 i-mode絵文字 Ezweb絵文字

▲ページトップ

ブログ内検索

QRコード

Advertising Space