0

私はjQueryスライダーのこの素晴らしい例を扱っています: http://papermashup.com/simple-jquery-gallery/

ここにJqueryがあります：

$(function() {
$(".image").click(function() {
var image = $(this).attr("rel");
$('#image').hide();
$('#image').fadeIn('slow');
$('#image').html('<img src="' + image + '"/>');
   return false;
   });
});

ここにHTMLがあります

<div id="image"><img src="images/1.png" border="0"/></div>
<a href="#" rel="images/1.png" class="image"><img src="images/t1.png" class="thumb" border="0"/></a>
<a href="#" rel="images/2.png" class="image"><img src="images/t2.png" class="thumb" border="0"/></a>
<a href="#" rel="images/3.png" class="image"><img src="images/t3.png" class="thumb" border="0"/></a>

私が知りたいのは、大きな画像をループで残りの画像を自動的にフェードさせるにはどうすればよいかということです。そして、その時点で開始するために1つをクリックすると。20枚くらいの画像を予定しています。

とても有難い

4

1 に答える 1

0

setInterval(param1,param2)JavaScriptにはメソッドと呼ばれるものがあります。

param1：画像の変更を呼び出す関数。

param2： 時間間隔。

わざわざ例を変更しますが、独自の例を作成しました。この例から、例の関数をマップできます。このフィドルを確認してください。

免責事項：私が使用した画像は、デモンストレーションのみを目的としています。私はそれらの画像を所有していません。

于 2012-03-30T03:43:09.553 に答える