웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall]Tab Style Testimonial Slider Example 본문

카테고리 없음

[해피CGI][cgimall]Tab Style Testimonial Slider Example

해피CGI윤실장 2022. 2. 21. 09:45

index.html 파일을 웹브라우저로 열어보면
아래와 같은 데모를 확인을 해볼수 있습니다.




흑백사진으로 사람이 표시가 되고
사진을 클릭을 해보면 사진이 컬러로 변경이 됩니다.
사진 아래의 설명문구가 해당 사진에 맞는 내용으로 조절이 됩니다.

다른 사진을 선택해보면 아래의 그림 처럼




선택한 사진과,
해당 사진에 대한 설명문구로 변경이 됩니다.


사용하는 방법은 아래와 같습니다.








탭메뉴를 이용해서,
각 탭에 해당하는 컨텐츠를 표시하는 기능의 유형입니다.

회원관리, 신청자관리, 접수자관리 등등
각각의 평가를 하거나, 각각의 평가점수를 보기 위한 화면을 구성할 때에
활용을 해볼만 한 UI인 듯 하네요.

꼭 사람이 아니더라도,
사과, 바나나, 수박 등의 과일 사진이나,
강아지, 고양이, 거북이 등의 동물 등등의
사진과 해당하는 컨텐츠로 구성을 한다고 상상을 해봐도
그리 어색해보일거 같진 않네요.

 

 

Comments