1
"a"タグをクリックしたときにバナー画像のパスを変更するという小さな機能を構築しました。それはうまく動作しますが、 "a"タグをクリックするとイメージが変わります。画像のサイズが重いので少し時間がかかります。だから、画像がロードされるまでにajaxローダーを配置したい。ajaxローダーを呼び出す方法
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$('.control').find('a').click(function(){
var path= $(this).text();
$('#banner').find('img').attr('src','images/' + path +'.jpg')
})
})
</script>
</head>
<body>
<div id="banner">
<img width="500" height="300" src="images/first.jpg" />
</div>
<div class="control">
<a href="#" id="first">first</a>
<a href="#" id="second">second</a>
<a href="#" id="third">third</a>
<a href="#" id="forrth" >fourth</a>
</div>
</body>
+1、良いリンクを試すことができます... – diEcho