イメージを表示するために水平スクロールWebサイトを構築しています。スライドショーには写真の異なる「シリーズ」が含まれています。私は各シリーズの最初のイメージにIDを追加したいと思います。過去の要素をスクロールするとjqueryイベントが発生する
IDを持つ最初のイメージを横方向にスクロールすると、シリーズのタイトルを含むdivボックスが表示されます。別のIDで新しい画像をスクロールすると、シリーズのタイトルが表示されます。
これを行うにはどうすればjQueryを使用できますか?
これは私のHTMLのようなものです。
<div style="overflow: auto; white-space: nowrap;">
<img src="p001.jpg" id="people">
<img src="p002.jpg">
<img src="p003.jpg">
<img src="p004.jpg">
<img src="p005.jpg">
<img src="l001.jpg" id="landscape">
<img src="l002.jpg">
<img src="l003.jpg">
<img src="l004.jpg">
<img src="l005.jpg">
<img src="bw001.jpg" id="blackwhite">
<img src="bw002.jpg">
<img src="bw003.jpg">
<img src="bw004.jpg">
<img src="bw005.jpg">
</div>
<div>
The title of the series would show here
</div>
これは意味がありますか?あなたがIDをトラップし、その場でそれを変更するのではなく、各画像のタイトルを表示するには、この簡単に見つけることが
http://spaceforaname.com/galleryview/
:私は...
複数のタイトルを異なるシリーズに追加する方法のマークアップを提供できますか?今はどのIDとも関係のない1つのdivだけです。 – David
Waypointsはこれを垂直方向に行うためのjQueryプラグインですが、水平方向には試したことはありません。確かにそれはできませんhttp://imakewebthings.com/jquery-waypoints/ – iX3