yPercent = 100; // 가로 100퍼센트에 대한 세로 퍼센트 xCut = {"pc" : 4, "mobile" : 2}; // 가로 분할 갯수 - pc 와 모바일 따로 설정 xyMargin = "5px"; // 간격 imgRadius = "20px"; // 라운드 수치 - 50%는 원형 colorRGBA = [["white", "#00000099"], ["yellow", "#c0000099…
.fadeTable { width:100%; background-size:contain; } .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; /…
.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"; …