2017-12-07 7 views
0

내 목표는 두 개의 행/열 개의 이미지가 비교되는 인터페이스를 사용하는 것입니다. 사용자가 결국 2 개 경기 이미지를 식별 할 수 있도록 내가/슬라이드 싶습니다스크롤 또는 슬라이더를 통해 2 행의 이미지 비교 /보기

In the image I linked to, you can see there will be 2 rows of images that are being compared.

각 행을 스크롤합니다.

일부 슬라이더 및 스크롤 응용 프로그램에 대한 코드를 보았지만 각 행을 다른 슬라이더와 독립적으로 슬라이드 할 수있는 코드는 없습니다. 자원에 대한 조언이나 링크는 온라인으로 크게 환영 할 것입니다.

+0

이것을 확인하십시오 [Codrops] (https://tympanus.net/codrops/2015/05/26/product-comparison-layout-effect/) – Momin

+0

안녕하세요! 비교되는 이미지 행이 2 줄인 응답 성있는 레이아웃을 알고 있습니까? 또는 정적 이미지가있는 행 하나와 인접한 행에 슬라이더가 있습니까? 기본적으로 행 A는 행 B에서 슬라이딩하여 행 B에서 일치하는 항목을 찾습니다. 링크를 제공해 주셔서 감사합니다. – Artemis29

+0

이 하나만 알았어 .... 감사합니다 – Momin

답변

0

jquery-ui를 사용해보세요. 슬라이더와 같은 요소가 많으며 각 요소를 별도로 배치 할 수 있습니다. 비록 당신이 이미지로 똑같이 할 수 있다면 놀라실 겁니다. 대부분 수직 슬라이더를 사용하여 보았지만, 수평 슬라이더를 원하는 것처럼 들리는군요.

+0

안녕 Sibaz. 빠른 답변 감사합니다!! 기본적으로 2 개의 이미지가 전체 모바일 화면을 차지하기를 원합니다. 가로 대 세로의 경우 사용자가 가로로 스크롤 할 수 있도록 휴대 기기의 세로를 상상했지만 물론 기기를 가로로 사용하는 경우 앱이 수직으로 미끄러지 듯 반응하는 것이 좋습니다. 나는이 모든 것의 초보자이다 :) 나는 jquery-ui를 체크 아웃 할 것이다! 다시 한 번 감사드립니다. – Artemis29

+0

흠, 나는 모바일보다는 데스크톱을 생각하고 있었지만, 모든 html5로 의심된다. ​​그래서 jquery-ui를 보아라. js ui 도구를위한 장소이다. – sibaz