[js]ColorMeShop!Pro商品詳細用 ロールオーバースクリプト

ColorMeShop!Proの商品詳細ページの拡大画像表示について。 この記事はサムネイルにマウスオーバーしたら画像を切り替える方法を使用したメモです。 前にLightboxを使う方法を書いてますがどちらにするかはお好 … “[js]ColorMeShop!Pro商品詳細用 ロールオーバースクリプト”の続きを読む

[jQuery]サムネイルクリックで画像変更(+effect)

前にmootools1.2で作ったのと似たものをjQueryでも書いたので晒します。 このスクリプトは画像切り替えだけです。 動作にはjQuery1.2.6が必要です。 WTN*jQuery sample:: Image … “[jQuery]サムネイルクリックで画像変更(+effect)”の続きを読む

[JS]マウスオーバーでリンク画像の透明度とか変更

マウスオーバーの画像作るのメンドクセーと思ったときに、画像1枚でごまかせるから便利。 普通のロールオーバーよりも凝ったことも出来るので手抜きに見えない所が良いですw 難点はjavascriptオフで効果がなくなることで … “[JS]マウスオーバーでリンク画像の透明度とか変更”の続きを読む

[mootools]サムネイルクリックで画像とコメントを変更する

前に書いたサムネイルにマウスオーバーしたら画像を切り替える を、 mootools1.2使ってフェードインとかつけたサンプル。 注意※ソースはmootools1.2用なので1.1では多分動きません。 WTN*mootoo … “[mootools]サムネイルクリックで画像とコメントを変更する”の続きを読む

[JS]サムネイルにマウスオーバーしたら画像を切り替える

大きい画像1箇所とサムネイルいくつか配置して、サムネイルにマウスオーバーしたら大きい画像をサムネイルのやつに変更するスクリプト。 テーブル版、複数設置版、クロスフェード版の他、jQuery版とMooTools版も書きまし … “[JS]サムネイルにマウスオーバーしたら画像を切り替える”の続きを読む

[JS]ロールオーバースクリプト(画像名のOn/Offで判別)

前の記事はオーバーの画像だけonを追加するものだったが、 この記事ではオーバーの画像にON、アウトの画像にOFFをつけて、ONとOFFの部分だけで判別する。 ページ内の画像でoffが付いてるもの全てロールオーバーさせる、 … “[JS]ロールオーバースクリプト(画像名のOn/Offで判別)”の続きを読む

[JS]ロールオーバースクリプト(ソース変更なし)

HTML側の変更なしで、メニュー内の画像を全部ロールオーバーさせるスクリプトを作ってみた。 relにしろclassにしろイベントハンドラにしろ、ロールオーバーさせるためだけに追加するのは嫌、という時に良いかも。