과거의 요소를 스크롤 할 때 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> 

의미가 있습니까? 당신은 ID를 트래핑하고 즉시 그것을 변경하는 대신 각 이미지의 제목을 표시하려면이 쉽게 찾을 수 있습니다

http://spaceforaname.com/galleryview/

: 나는 ...

Answer 1

트라이 아웃 GalleryView 바랍니다.