2011-12-13 3 views
1

반응 형 전자 상거래 웹 사이트를 개발 중입니다. 그것은 꽤 힘들지만 나는 그것을 좋아한다 :반응 형 웹 사이트의 오버레이에서 플로팅 요소를 멋지게 표시

장바구니에 나는 선반에 제품 카테고리와 하나의 제품을 오버레이로 보여 주기로 결정했다.

See here

문제

내가 거기 얼마나 그들 중 많은 사람들을 알고도 얼마나 많은 시청자의 창이 될 것하지 않기 때문에이 괜찮은 방식으로 스타일을하는 것은 거의 불가능하다는 것이다.

이 가변 길이 데이터를 표시하는 데 사용할 수있는 패턴은 무엇이며 어떻게 처리합니까?

답변

1

나는 많은 성공을 거두었으며 jQuery Infinite Carousel을 사용 해왔다. 얼마나 많은 제품을 볼 수 있는지 모른 채 오버레이에 표시 할 수있어 제품의 훌륭한 패턴이 될 수 있습니다.

캐 러셀 코딩은 매우 간단합니다. 정렬되지 않은 목록에 콘텐츠를 제공하고 이에 따라 jQuery를 적용하면됩니다.

+0

감사합니다. @bpeterson, 잘 이해했는지 봅시다. 이 회전식 컨셉은 반응 형이므로 모든 창 크기에 맞춰서 항목을 하나의 행에 배치하여 사용자가 가로로 스크롤하여 다른 제품을 볼 수있게합니다. 제품의 단일 행을 표시하면 지금과 같이 다중 행 테이블을 사용하는 것보다 더 나은 ux를 제공합니까? –

+0

@Francesco, 나는 오버레이만을 언급하고있었습니다. 초기 테이블 뷰 (3 행 5 개 항목)를 페이징하고 페이드 인, 페이드 아웃과 함께 간단한 jQuery 쇼 숨기기를 수행한다고 생각합니다. 루프에서 테이블을 작성하고 항목의 양을 반복하는 것은 어렵지 않아야하며 rowmax (이 경우 5)를 치면 행 수가 3에 도달 할 때 새 행을 시작하고 끝내고 새 행을 만들어야합니다 표. 내가 설명한대로 표시/숨기기. – bpeterson76

+0

나는 그것을 시험해 보았다. 그리고 저는 이것이 내가 찾고있는 것이라고 말해야합니다. 그냥 "무한"일을하지 않았다면 ... :) 어떻게 내가 그것을 무력화 할 수 있을까요? http://jsfiddle.net/2RyuZ/ (ot : 이것에 대해 새로운 질문을해야합니까?) –

관련 문제