Rails 앱의 이미지 크기 조정 및 표시에 대한 조언이 필요합니다.

Question

내가 원하는 것을 설명하면서 시작하겠습니다.

축소판 이미지 갤러리 격자 레이아웃 페이지가 있습니다. 각 미리보기 이미지의 크기는 120px x 80px가되어야합니다. 사용자가 페이지를 아래로 스크롤하면 페이지로드시 모든 이미지를 표시하고 싶습니다. 라이트 박스에 표시하기 위해 전체 크기 이미지가 튀어 나오는 그리드의 개별 이미지에 대한 마우스를 올려 놓고 클릭 상태가 표시됩니다. 내가 미리 정의 된 작은 크기의 작은 썸네일 이미지를 생성 할 수 있도록 내 데이터베이스 (사진) 모델로 큰 이미지로드 (1024 × 768) 거기에 무엇 솔루션 (보석, 기술 등)

1. ?

2. 사용자가 페이지를 아래로 스크롤 할 때 더 많은로드를 허용하려는 경우 작은 이미지의 전체 페이지를로드하는 가장 좋은 방법은 무엇입니까? 또는 사용자가 보는 내용 만로드 한 다음 AJAX를 사용하여 아래로 스크롤 할 때 더 많이로드해야합니까?

3. 이 경우 Paperclip은 일반적인 해결책입니까? 나는 이것과 CarriersWave on RailsCast를 조사하고있다.

4. Paperclip과 같은 것을 사용하는 경우 다른 종횡비와 다른 종횡비의 이미지 자르기를 처리 할 수 ​​있습니까? 즉 사각형 이미지와 동일한 정사각형 이미지를 정의 된 크기로 자르고 자릅니다.

저는 레일 애플리케이션에서 많은 수의 이미지를 처리하는 데 익숙하며 사람들이 잘 알고있는 조언, 서적, 자습서, 기술에 감사드립니다.

감사합니다.

Answer 1

1) 나는 다른 보석에 대한 경험이 적기 때문에 클립 클립을 선호합니다.

2) 일반적으로 페이지에서 많은 이미지를 처리하는 가장 좋은 방법은 스프라이트 시트입니다. 페이지의 이미지가 항상 같아지면 좋은 옵션 일 수 있습니다. 무한 스크롤로 무언가를하고 있다면, 아약스는 (railscast on infinite scrolling)

입니다. 3) 클립 클립이 일반적인 해결책인지는 확실하지 않지만 확실히 고려해야 할 사항입니다.

4) 예, cropping works in paperclip.