簡単イメージ切り替え
jQueryサマサマな最近のご時世です
とっても簡単で、なんだかとっても苦労して作ったかのように画像を切り替えるjsをご紹介↓(jQueryとsetでご利用下さい)
Jquery.ImageSwitch
class指定でイメージの切り替わり方が指定できます
記述例も丁寧にかかれているので、ぜひ♪
お約束の<head>部
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript” src=”Groject.ImageSwitch.js”></script>
<script>
$(document).ready({$(“#TestTrigger”).click(function(){
$(“#TestImg”).ImageSwitch({NewImage:”image2″});
});
});
</script>
画像は、
<img?id=”TestImg”?src=”画像までのパス”>
<a?href=”#”?id=”TestTrigger”>ここをクリック</a>