写真を次々とフェードするためのhtmlコード

Question

私は初心者サイトビルダーです。私は自分のウェブサイトに貼りたい写真があり、それを次から次へと順調に移行したいと思っています。誰かが私にHTMLコードを提供することができますか？私がしなければならないことは、すでにファイルに保存されている画像の名前を含んでいます。彼らはさまざまなサイズですが、彼らが移行するとき、私は同じサイズを持っていると思います。彼らはjpg形式です。

これを手伝うことができる誰かに感謝しますか？

<div class="images"> 
    <img src="..." /> 
    <img src="..." /> 
    <img src="..." /> 
    ... 
</div> 

は、すべての種類のそこに多くの画像スライダーがあります。

Answer 1

あなたは私はあなたがHTMLは次のように気にいら（簡体字）を探していたとし...それははるかに容易になりますので、このためのjQueryを使用したいですしかし、フェーディングが必要なだけであれば、数行のコードを書くほうが簡単かもしれません。

（jQueryのを使用して）このような何かを実行します。これは、画像ごとに5秒を回転させるworking exampleある

.images 
{ 
    position: relative; 
} 
.images img 
{ 
    display: none; 
    position: absolute; 
} 

：

$(function() { 
    var images = $(".images img").hide(); 
    var current = 0; 
    setInterval(function() { 
     var next = ((current + 1) % images.length); 
     images.eq(current).fadeOut(); 
     images.eq(next).fadeIn(); 
     current = next; 
    }); 
}); 

はにCSSスタイルを設定することを忘れないでください。

Answer 2

あなたが探しているものはHTMLコードではなく、JavaScript（またはCSS）コードです。イメージスライダーやギャラリーがどのように機能し、構造化されているかについてのチュートリアルを参照することをお勧めします。 jQuery Javascriptライブラリを使用すると特に簡単です。

http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/

http://www.tripwiremagazine.com/2010/10/20-stunning-jquery-image-sliders-and-tutorials-for-creating-your-own.html

：

は、私はあなたが理解し、実装しようとすることができるシンプルなスライダーやギャラリーのリンクのカップルを見てきました