Я строю веб-сайт с горизонтальной прокруткой для отображения изображений.Слайд-шоу будет содержать различные «серии» фотографий.Я хочу добавить идентификатор к первому изображению каждой серии.
При горизонтальной прокрутке первого изображения с идентификатором будет отображаться поле div, содержащее заголовок серии.Когда вы прокручиваете новое изображение с другим идентификатором, отображается название его серии.
Как я могу использовать 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>
Имеет ли это смысл?Я надеюсь ...