[k]id » JQueryでSwapImagesの覚え書き 

2010年2月10日

JQueryでSwapImagesの覚え書き

Yahoo!ブックマークに登録

1 Star2 Stars3 Stars4 Stars5 Stars (現在評価はありません。)
Loading ... Loading ...

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);
	});
});

Comments

Powered by Facebook Comments

この記事を読んだ方は下記も投稿も読んでいます

コメント・トラックバック

トラックバック

コメントする

Filed under: Ajax,JavaScript
タグ: ,