JQueryでSwapImagesの覚え書き | 東京都世田谷区 ホームページ制作 [k]id

JQueryでSwapImagesの覚え書き

Category Ajax,JavaScript Update 2010.02.10

twitterfacebookgoogle+はてなブックマークPocketであとで読むfeedlyで購読

JQueryでSwapImageさせようと思い、
奇麗なソースがないかと調べていたところ、

chobugyoさんの[jquery]ないのでつくってみた「jquery SwapImage Menu」に端的なコードがあったので参考にさせていただく事にしました。

コードは以下、記事、ありがとうございます。参考にさせていただきます。

$(function(){
$("#buttons a").hover(function(){
var picture = "images/" + $(this).attr("class") + ".jpg";
$("#swapimage .floatPicture:visible").fadeOut("fast",function(){
$("#swapimage .floatPicture:hidden").fadeIn("fast").attr("src",picture);
});
$("#swapimage a").attr({
href:$(this).attr("href"),
title:$(this).attr("title")
});
$("#swapimage .basePicture:visible").fadeIn("fast").attr("src",picture);
});
});
ページトップへ