이미지비교 요소(Image compare)

이미지비교 요소는 일반적으로 서비스 이용 전후 비교 또는 업그레드 이전 이후,

이런 식으로 두개의 이미지를 대립적으로 비교할 때 사용합니다.

이미지비교 요소 메뉴패널

이미지비교는 2개의 이미지를 한요소위에 올려야 합니다.

위 그림 중 아래는 이미지2개 를 올려놓은 모습입니다.

그 위에 이미지비교 요소 메뉴는 탭으로 나뉘어 있어 탭마다 각각 한개씩

이미지를 업로드하면 자동으로 가운데 비교선이 생깁니다.

이미비 비교 요소 이미지 업로드

이미지 두개를 업로드 하면 이미지가 반으로 나뉘어 비교 가능한 슬라이 버튼이 활성화 됩니다.

이미지 비교 요소-상하비교

이미지 비교는 좌우 방식이 아닌 상하 방식으로도 가능합니다.

슬라이더 타입을 상하로 바꾸면 좌우가 아닌 상하로 이미지비교가 가능합니다..

이미지 비교 요소 마무리

이미지 비교 요소는 사용자에게 굉장히 효과적인 비교 이미지를

제공할 수 있지만 서비스에 따라 불법적일 수도 있고 특히 광고법 상 타사 상품과 직접 비교 시

국내에서는 불법으로 정하고 있어 그런 부분을 잘 따져 사용해야 합니다.

플러그인에 대해

폴리랭 플러그인 (POLYL...
워드프레스 웹사이트 하나로 한국어, 영어, 일본어 등 여러 언어를 동시에 지원하는 다...
스마트 슬라이더 3 플러그인...
웹사이트 첫 화면의 메인 비주얼 배너나 이미지 슬라이드를 코딩 없이 전문 디자이너 수...
요스트SEO 플러그인(Yoa...
내 웹사이트와 블로그 글이 구글, 네이버 등 주요 검색엔진 결과 상위에 노출될 수 있...

참고 사이트 소개

SVG Repo
웹사이트를 제작할 때 메뉴 아이콘, 버튼 심볼, 서비스 특징을 설명하는 일러스트는 방...
리무브비지(Remove BG...
웹사이트를 제작할 때 상품 사진, 인물 프로필, 브랜드 로고를 깔끔하게 배치하려면 불...
캔바(Canva)
웹사이트를 만들 때 가장 큰 난관 중 하나는 로고, 메인 비주얼 배너, 블로그 썸네일...