CSS なんちゃってロールオーバー
下の「CSSで画像を並べる・・つもりでしたが・・」の影響で・・・・・・
しかたがないので？
ThickBoxやavascriptに関係のﾅｲことでページを埋めなくては・
なおりました・・・？
サイドの「読者になる」、「ブログを作る」ボタンの画像を変えずに
ロールオーバー効果を与えてみました・・・
画像を少しだけ透明化する「なんちゃってロールオーバー」なんですけど・・・・
別にカーソルがのった時用に画像を用意する必要がなくて
今使っている画像だけでOKです
とりあえずはカンタンなんで
例のごとく青字部分をCSSの下にコピペしてください
/*■■■ なんちゃってロールオーバー ■■■*/
.menu_frame a:hover img{
style:1;
opacity:0.6;
filter: alpha(opacity=50);
}
↑Netscape、operaで動きません
↓こちらを使用ください ※opera 8.5で× ( opera 9はOK)
/*■■■ なんちゃってロールオーバー ■■■*/
.menu_frame a:hover img{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
たった、これだけです・・・・・
動作はこのぺージの「読者になる」、「ブログを作る」ボタンにカーソルを載せてみてください
・・・ついでに「読者になる」ボタンを押していただくと・・・うれしいかな
※ 12/1 ２枚画像を使用のロールオーバーにしてしまいました
なんちゃってロールオーバーの見本は12/1の記事中 にあります
CSSで画像を並べる・・つもりでしたが・・
← 写真をドラッグ＆ドロップで横に配置→
← 写真をドラッグ＆ド
ロップ
で横に配置→
なんかわけがわからなくなっていますが・・・
なんでなんでしょ？
はじめはCSSでためしにレイアウトするはずだったのですが・・・
ドラッグ＆ドロップである程度？
写真の大きさが適当であればどうにでもなっちゃう？？
なぜ？？？
CSSは使っていません(1枚だけCSS使用)
ソース見ても位置だのレイアウトだの入っていない・・・・
いままでCSSで配置し
CSSで固めすぎたサイトばかり作ってきたから・・・
逆に不思議？？に感じる
頭、冷やして考えてみよう・・・？？？
lightboxのプラグイン
jQueryで動作するlightboxのプラグイン
lightBox plugin を導入してほしいな～
http://leandrovieira.com/projects/jquery/lightbox/
個人的にはlightBoxの画像の開き方って気に入っているんです
ここで使っているThickBoxは、エフェクトがないので・・・
ちょっと味気ないです・・・
個人で入れるには
JavaScriptがフリープラグインの中に入りきらないんです・・・
導入してほしいな～～～～～