script.aculo.us 지정된 div에서 텍스트를 가져 오는 슬라이더

Question

내 친구가 몇 가지 JavaScript에 도움이 필요합니다. 조금 알고 있기 때문에 (저를 도와 주기로했습니다.) 나는 이것에 공백을, 그러나 당기고있다.

script.aculo.us를 사용하여 멀티 슬라이더를 만듭니다. 나는 일종의 슬라이딩 핸들을 가지고있다. 그들은 좌우로 움직입니다! 어쨌든, 각 핸들을 제 위치에 놓으면 두 핸들의 위치에 해당하는 텍스트를 미리보기 필드에 표시해야합니다.

http://www.youtube.com/watch?feature=player_embedded&v=D0V4P8q5G-E

을 그리고 그는 나에게 HTML 및 CSS와 우편 아카이브를 주었다

가 그가 나를 제공 데모 영상입니다. script.aculo.us 웹 사이트에서 JavaScript 파일을 받았습니다.

이

http://dnescripts.com/slider/

사람이 도움을하거나 올바른 방향으로 날 지점 수는 같은 데모 비디오에서 볼 다르게 행동했다고 :

어쨌든, 여기에 내가 지금까지이 무엇입니까? 대단히 감사하겠습니다.

Answer 1

매우 멋진 것 같습니다. 여태까지는 그런대로 잘됐다!

<SPAN>에 샘플 텍스트의 각 문자를 래핑 한 다음 각 SPAN의 x 위치를 계산해야합니다 (LOAD에서 실행하고 값을 배열에 넣음). 그런 다음 포인터 위치를 문자의 x 위치와 비교해야합니다. 다음 위치로 "스냅"하도록 라운드를 돌릴 필요가 있습니다. 거기에서 처음부터 끝까지, 그리고 그 사이의 관련 텍스트를 알아야합니다.

모노 간격 글꼴을 사용하면 훨씬 쉽게 처리 할 수 ​​있습니다. 그러면 미리 정의 된 범위를 사용하고 슬라이더에 대해 중지 할 수 있습니다.