当滚动过去元素时触发的jquery事件

我正在构建一个水平滚动网站来显示图像。幻灯片将包含不同的“系列”照片。我想为每个系列的第一张图片添加一个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>

这是否有意义？我希望......

来源

2012-01-06 Ryan

您可以提供标记以确定如何将多个标题添加到不同系列？现在它只是一个与任何ID无关的div。 – David 2012-01-06 21:37:23

Waypoints是一个垂直做这件事的jQuery插件，但我从来没有水平地尝试过它，很确定它不会这样做http://imakewebthings.com/jquery-waypoints/ – iX3 2012-07-25 15:11:27

试用图库视图：

http://spaceforaname.com/galleryview/

您可能会发现这更容易显示标题为每个图像捕捉，而不是ID和改变它的飞行的。

来源

2012-01-06 20:59:08

我不是在寻找图片幻灯片，我正在使用图像滑块。不过谢谢你。 – Ryan 2012-01-06 21:01:28

当滚动过去元素时触发的jquery事件

回答

相关问题