예제: 롤링 갤러리 UI
1
이번 포스팅에 언급할 롤링 갤러리는, 한장의 이미지가 노출되는 형태로 복수의 썸네일이 제공되고,
해당 썸네일을 눌렀을 때 해당 이미지가 오른쪽에서 보여지며
일정 시간마다 다음이미지가 보여지는 식의 모션이 있는 갤러리 형태입니다.
이 블로그에 업데이트되는 모든 레퍼런스는 개인적인 스터디의 결과물이며,
더 나은 마크업및 스크립트의 작성방식이 존재할 수 있습니다.
해당내용 참고시 주의 부탁드립니다.
자세한 내용은 예제화면을 확인하시면 됩니다.
해당 예제는 IE 8이하 버전, 크롬 9.0 버전, 사파리 5.0 버전, 파이어폭스 4 버전, Opera 11버전에서 테스트 완료되었으며
w3cThe World Wide Web Consortium의 표준안을 준수하여 마크업 하였습니다. Check the markup