2009-12-22 5 views
0

adidas.com 너무 멋져요와 adidas.com의 홈페이지처럼 슬라이드를 만들 !!!!!!!!!!어떻게 JQuery와

왜 안 jQuery를, CSS & HTML로?

높이가 다른 경우 div는 어떻게됩니까 & 너비가 함께 div 컨테이너를 채우면 & 너비가 데이터베이스에서 임의로 늘어 납니까?

누군가의 날 도와?

+2

나는 전혀 무작위 생각하지 않습니다 - 꼼꼼하게 구축 및 사전이 정해진처럼 각 패널 (아래/또는 왼쪽/오른쪽) 특정 방향으로 이동 제약으로이 보인다. jQuery에서 모든 것을 시뮬레이션 할 수 있지만, 각 전환을 디자인하고 코드를 구체적으로 코딩해야합니다. –

+1

그리고 사용성 악몽입니다. 작은 영역 중 하나 위에 마우스 포인터를 가져 오십시오. – Boldewyn

답변

3

jQuery에는 재생산이 매우 어려울 수 있지만, jQuery Masonry라는 jquery 플러그인을 사용하면 요소를 세로로 정렬 한 다음 그리드에 따라 가로로 정렬 할 수 있습니다.

http://desandro.com/resources/jquery-masonry

그런 호버 기능 CSS 사용 a 각 블록 요소에 슬라이딩 효과를 적용하기 시작할 수있다.

것은에서 자세한 정보를 찾기 : 오픈 소스 프로젝트는 아디다스가 자신의 사이트에 한 것과 유사한 효과를 달성하기 위해 jQuery 플러그인을 작성하기 시작했습니다

http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-7

+0

나는 그것을 얻었지만, 그리드가 폭과 높이의 크기를 동적으로 조정하는 데 어려움을 겪고있다. 여기에 당신이 어떤 도움을 제공 할 수 있다면 내 스택 문제뿐만 아니라 가지고있는 작업은 다음과 같습니다 http://stackoverflow.com/questions/6699373/getting-the-protrusion-and-collision-data-from-jquery-collision을 - 감사합니다 ! – Tom

6

여기 좋은 튜토리얼이있다 : http://github.com/jasonenglish/jquery-flex

+0

jquery-masonry와 같이 임의로 이미지를 배치 할 수 있습니까? – Cemo

+0

비슷한 플러그인이 레이아웃을 만드는 것을 허용하는 방법에 대해 생각 해왔다. 레이아웃 생성을 자동화하기 위해 Masonry를 사용하여 Flex 데모를 만듭니다. 데모가 올 때 여기에 게시하겠습니다. –