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);
	});
});
ページトップへ
kid