공유 - 레이지 로딩 슬라이드 배너 js/css
알림
|
페이지 정보
작성일
2024.05.16 10:34
본문
https://github.com/KyleDEV/Lazy-Click-Ad-Slider
이번에 다모앙 개발디스코드에서 나온 얘기로 만든 광고배너 입니다. js/css/html
HTML data 이미지와 링크 목록을 적어두면
랜덤으로 하나만 로딩되고 오른쪽 화살표 누를 때마다 하나씩 lazy하게 로딩되는 배너입니다.
랜덤순서를 원치않으면 js 소스코드에서
his.remainingItemsPool = this.shuffleArray([...items]);부분을
his.remainingItemsPool = [...items];로 바꿔주면 됩니다.
높이/너비에 맞춰 광고이미지가 맞춰집니다.
댓글 1
누구야님의 댓글