CSS3를 프로그래밍하는 방법/JQuery와는/Flexslider 회전 목마

Question

내가 CSS3, JQuery와 및 Flexslider를 사용하여 큰 이미지 및 텍스트 회전 목마를 설계하려고 다음과 같은 모형에 따라 :

http://onixbox.net/ClientTest/REDAP/REDAP_Website_Concept.jpg

지금까지 내가 Cnet.com의 홈 페이지에서 영감을받은

http://onixbox.net/ClientTest/REDAP/index.htm

: 나는 측면 이미지를 제외하고 모두 얻었다.

Flexslider를 변경하는 방법을 알지 못합니다. 3 개의 별도의 동기화 된 슬라이더가있을 수 있습니까? HTML과 CSS에 익숙하지만 기존 코드를 연결하고 일부 변수를 변경하기에 충분한 Javascript/JQuery를 알고 있습니다. 어떤 도움이라도 대단히 감사하겠습니다.

오닉스.

Answer 1

• 당신의 flexslider되는 래퍼 실제로
• 이 무시 flexslider의 오버 플로우가 브라우저 창 가장자리에 도달 할 수 있도록 HTML/CSS 템플릿 설정에서 전체 사이트 주위에 래퍼를 사용하지 마십시오 스타일에 설정 숨겨진 flex-viewport div (인라인 스타일로 설정하므로 flexsider를 초기화 한 후! important 또는 JS에서 변경해야 함)
• CSS를 사용하여 슬라이더에있는 현재가 아닌 이미지의 불투명도를 정말 낮은 가치

이 접근법은 당신을 아주 가까이에 데려 가기 위해