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

Question

我正在构建一个水平滚动网站来显示图像。幻灯片显示将包含不同的“系列”照片。我想在每个系列的第一张图片中添加一个ID。

当您使用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>

这有意义吗？我希望......

Answer 1

试用GalleryView：

http://spaceforaname.com/galleryview/

您可能会发现这更容易显示每个图像的标题，而不是捕获ID并动态更改它。