2012-01-06 7 views
0

イメージを表示するために水平スクロール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/

:私は...

+0

複数のタイトルを異なるシリーズに追加する方法のマークアップを提供できますか?今はどのIDとも関係のない1つのdivだけです。 – David

+1

Waypointsはこれを垂直方向に行うためのjQueryプラグインですが、水平方向には試したことはありません。確かにそれはできませんhttp://imakewebthings.com/jquery-waypoints/ – iX3

答えて

0

トライアウトGalleryView願っています。

+0

私はイメージスライドショーを探していません私はイメージスライダーを使用しています。しかし、とにかくありがとう。 – Ryan

関連する問題