공유 - 레이지 로딩 슬라이드 배너 js/css
프로그피쉬

Lv.1 프로그피쉬 (112.♡.76.76)

2024년 5월 16일 AM 10:34 · 수정됨(06. 03. 00:42)

조회 548 공감 0


https://github.com/KyleDEV/Lazy-Click-Ad-Slider


이번에 다모앙 개발디스코드에서 나온 얘기로 만든 광고배너 입니다. js/css/html


HTML data 이미지와 링크 목록을 적어두면


랜덤으로 하나만 로딩되고 오른쪽 화살표 누를 때마다 하나씩 lazy하게 로딩되는 배너입니다. 


랜덤순서를 원치않으면 js 소스코드에서 

[code=javascript]his.remainingItemsPool = this.shuffleArray([...items]);[/code]


부분을 

[code=javascript]his.remainingItemsPool = [...items];[/code]

로 바꿔주면 됩니다.


높이/너비에 맞춰 광고이미지가 맞춰집니다.



댓글 (1)

  • 누구야 Lv.1

    24.06.03 · 211.♡.138.55

    굉장하시군요!

댓글을 작성하려면 이 필요합니다.