.buttonImage { cursor:pointer; display:block; } .spanButton { cursor:pointer; margin-left:5px; opacity:0.7; border-radius:50%; } .galleryNum { font-family:Times New Roman; font-size:24px; font-weight:bold; color:#ffffff; } hwRatio = 540 / 960; // 이미지 세로 가로 사이즈 - 세로부터 입력할 것 slideSpeed = 10; // 슬라이…
#buttonDiv { display:flex; justify-content:center; align-items:center; } .spanButton { cursor:pointer; margin-left:5px; opacity:0.7; border-radius:50%; } .slideNum { font-family:Times New Roman; font-size:24px; font-weight:bold; color:#ffffff; } hwRatio = 540 / 960; // 이미지 세로 가로 사이즈 - 세로부터 입력할 것 …
image_1 = "https://blog.kakaocdn.net/dn/csRR08/btq799CI5aa/PtkHLaFABEh5GUk7Zdp8OK/img.jpg"; image_2 = "https://blog.kakaocdn.net/dn/1i2I1/btq8bsVCBHv/WccnmtYuL4C4KjEdqSCenK/img.jpg"; image_3 = "https://blog.kakaocdn.net/dn/xBQjY/btq8aOLB6zE/kvl0wXU5HGOa5wRj943fck/img.jpg…
img_1 = "https://blog.kakaocdn.net/dn/cMVe4H/btq5RuQIRfF/DkSPyZQhLMVpy26P86Sp40/img.jpg"; img_2 = "https://blog.kakaocdn.net/dn/nU4Lk/btq5TtDAlDl/cGLKyjuxsDOHGJ1WxujAFk/img.jpg"; img_3 = "https://blog.kakaocdn.net/dn/b7j6gV/btq5Syd5zbE/keJ3abDzXi32bHzKduJCA1/img.jpg"; …
뷰페이지 갤러리 + 사운드 [5] : 색조전환 갤러리
뷰페이지 갤러리 + 사운드 [4] : 알파페이드 갤러리
뷰페이지 갤러리 + 사운드 [3] : 원형 베이직
뷰페이지 갤러리 + 사운드 [2] : 세로 슬라이드
뷰페이지 갤러리 + 사운드 [1] : 가로 슬라이드