이미지 슬라이드시 [다음] 버튼 눌렀을 경우 이미지를 호출하는 일반적인 이미지 슬라이드는 다음 이미지 로딩시 깜박임이 생김.
비교 샘플 : 네이버 포토스트리트 http://local.naver.com/photostreet/detail.php?street_id=5 (다음 누를 때마다 이미지를 불러오므로 깜박임이 생김)
이 경우 레이어 2개 이상을 이용하여 a 레이어에 이미지가 호출될 때 b 레이어에서 이미지를 미리 호출한 뒤 [다음] 버튼 클릭시 b 레이어의 z-index를 높이고 a 레이어에 다음 이미지를 미리 호출함.
레이어 기반 이미지 슬라이드 샘플(아래 파일 참고)
소스는 아래 more 클릭
교훈
편리하고 쉬운 UX 디자인 좋다. 거기에 더해 고객의 오감을 고려하면 더 좋다. 눈, 코, 입, 귀, 촉각... 위는 눈을 고려한 것이다.
비교 샘플 : 네이버 포토스트리트 http://local.naver.com/photostreet/detail.php?street_id=5 (다음 누를 때마다 이미지를 불러오므로 깜박임이 생김)
이 경우 레이어 2개 이상을 이용하여 a 레이어에 이미지가 호출될 때 b 레이어에서 이미지를 미리 호출한 뒤 [다음] 버튼 클릭시 b 레이어의 z-index를 높이고 a 레이어에 다음 이미지를 미리 호출함.
레이어 기반 이미지 슬라이드 샘플(아래 파일 참고)
slide2.htm소스는 아래 more 클릭
more..
교훈
편리하고 쉬운 UX 디자인 좋다. 거기에 더해 고객의 오감을 고려하면 더 좋다. 눈, 코, 입, 귀, 촉각... 위는 눈을 고려한 것이다.
김철수 씨는 어딜 또
댓글을 달아 주세요
태그에 달린 김철수가 접니다. 하.하.하.
은행, 관공서에서 많이 쓰이는 유명한 이름!! ㅋ
중대하고 유용한 위치!
많은 감사 우수한 위치! 나는 너의 웹사이트를 사랑한다!
이 위치는 유익한뿐 아니라 재미있는다!
너의 위치를 방문한 즐기는!
중대하고 유용한 위치!
너는 차가운 위치를 만들었다!
친구는 너의 위치의 현재 팬이 되었다!
뉴스를 위한 감사합니다…
정말 같지 않는 블로그!
많은 감사 위치! 우수한 나는 너의.
걸출한 위치! 많은 감사.
위치에 그것을 중대한 일은 좋아했다!
여보세요, 좋은 아주 위치!
많은 감사 위치! 우수한 나는 너의.
일! 우수한 감사!
너는 위치를차가운 만들었다!
이 위치는 아니라 유익한뿐 재미있는다!
일! 우수한 감사!
너는 위치가 우수한 있는다!