2012-04-11 4 views
0

어떻게해야하는지 생각해보십시오.jQuery로 스크롤하는 이미지 벽

jQuery로 스크롤 이미지 벽을 만들고 싶습니다. 난 그냥 작은 이미지 (트위터 프로필 사진) 수백 타일링하고 그냥 그들이 브라우저 창에서 차례로 바둑판 식으로 배열하고 싶습니다. 이 타일링은 브라우저 윈도우의 전체 너비/높이를 차지합니다. 기본적으로 나는 사용자의 트위터 이름을 입력하고 API를 호출하며 모든 사용자의 팔로어의 프로필 사진을 반환하는 javascript로 페이지를 만들고 싶습니다. 이 그림들은 위에서 언급 한 전체 페이지 스크롤 이미지 벽에 배치됩니다. 이미지가 왼쪽으로 감싼 페이지에서 오른쪽으로 스크롤하면 이미지가 줄 바꿈됩니다.

아무도 내가 이것을 어떻게 알았습니까? 어떤 라이브러리를 사용할 수 있습니까? 모든 도움말/방향 가리키는 많이 감사하겠습니다!

감사합니다

편집 : 명확히하려면; 나는 이미 이미지를 검색하는 방법을 알고있다. (내가 얻은 것까지) 그러나 풀 스크린 타일 형태로 레이아웃하는 법을 모르고 왼쪽에서 오른쪽으로 스크롤하게한다. 화면에 맞을 수있는 것보다 더 많은 친구/이미지입니다.) 그 부분은 얼마나 힘들겠습니까? 브라우저 창 주위에 이미지를 스크롤/배치하는 데 유용한 라이브러리가 있습니까?

답변

1

그런 다음 각 사용자에 대한 이미지를 (얻을 수있는 GET users/lookup를 사용할 수있는 추종자 GET followers/ids

를 얻기 위해 트위터 API를 사용하십시오 비트 나도 알아,하지만 난 주위 다른 방법으로 볼 수없는 고통).

그런 다음 결과를 한 페이지에 인쇄하고 각 결과를 왼쪽으로 플로팅합니다. 떠 다니는 요소를 검색하여 작동하는 방식을 보면 설명하는 것처럼 결과를 표시하는 것이 쉽지 않은 것을 알 수 있습니다. 이러한 작업의 어떤 특정 문제가있는 경우

, 더 자세한 질문을 게시 주저하지 않습니다.

+0

안녕, 입력 주셔서 감사합니다 - 나는 이미, 그러나 나는 전체 화면 타일 형태를 배치하는 방법을 모른다 (즉, 지금까지의 내가 들어 왔로의) 이미지를 검색하는 방법을 알고 왼쪽에서 오른쪽으로 스크롤하게하십시오 (친구/이미지가 화면에 맞을 수있는 경우). 그 부분은 얼마나 힘들겠습니까? 브라우저 창 주위에 이미지를 스크롤/배치하는 데 유용한 라이브러리가 있습니까? – Prefix

+0

나는이 질문을 이해할 수 있을지 모르겠다. - 당신은 요소를 감쌀 때 특정 라이브러리가 필요하지 않다. 단지 css의 'float'이다. 저는 데모 [here] (http://jsfiddle.net/wrjEy/)를 만들었습니다. 당신이 계획하고있는 것입니까? –

+0

바둑판 식 배열은 정확하지만, 화면의 한쪽에서 다른쪽으로, 예를 들어 수동 스크롤 막대가 아닌 슬라이더 나 이미지 회전식 캐 러셀처럼 이미지를 움직이기 원합니다. 나는 그것을 설명 할 다른 방법을 모른다. 나는 이것이 자바 스크립트로 가능하다는 것을 알고 있지만 예제를 쉽게 찾을 수 없다. 천막과 비슷하지만 타일 이미지가 있다고 생각하십시오. – Prefix