こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

マウスオーバーで大きい画像が切り替わる設定について

同一ページで複数のサムネイルにマウスオーバーしたら
大きな画像が切り替わる設定をしたいのですが・・・

下記サイト(同一ページで複数のスワップイメージ(ギャラリー)を見せたい)の
『フェードとかない普通のバージョン』を参考にしております。

下記サイトのスクリプトでは、サムネイルをクリックして画像の切り替えを
実行するのですが、サムネイルにマウスを置くだけ(クリックなし)に変更する
ことは可能でしょうか?

JQuery
$(function () {
$('div.swap li a').click(function (e) {
e.preventDefault();
var imagePath = $(this).attr('href');
var mainImage = $(this).parents('div.swap').find('p img');
$(mainImage).attr('src', imagePath);
});
});

参考サイト
http://depthcode.com/2010/10/swap.html

クリックなしに変更可能であればご教授いただけないでしょうか。
よろしくお願いします。

投稿日時 - 2013-10-17 11:25:24

QNo.8309256

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

>$('div.swap li a').click(function (e) {
「click」とあるようにこれが「クリック時」に実行されるので、ここを「マウスオーバー時」に実行するものに変更。
何にするかは自力で調べてください。検索すればすぐに出るので。つーか、意味を調べようともしない人にjQueryは扱いきれないので(今回の質問程度のレベルすら自力でポイントを見つけられなかったように)、ちゃんと調べるようにしましょうね。

投稿日時 - 2013-10-17 13:24:20

あなたにオススメの質問