728x90
코드를 이용해 예쁜 상업용 무료 이미지가 가득한 Unsplash의 이미지를 랜덤으로 불러올 수 있다.
새로고침하면 이미지가 바뀜.
img의 src에 "https://source.unsplash.com/random/?원하는검색어"를 넣어주면 된다.
영어 기반 사이트라 영어로 입력해야 많은 결과를 얻을 수 있다.
아래의 이미지는
<img src=" https://source.unsplash.com/random/?seoul" /> 의 결과값이다.
seoul을 검색했을 때 나오는 이미지가 랜덤으로 로드된다.
2024-11-07 추가
위 방법은 더이상 작동하지 않습니다
엑박이 떠서 찾아보니
source.unsplash.com은 API 사용자에게만 제공되는 것 같아요
728x90
'Front-end' 카테고리의 다른 글
[HTML/CSS] DIV 안에 이미지 가득 차게 중앙 정렬하기 (0) | 2023.05.23 |
---|---|
[javascript] 커스텀 스타일링 SELECT 박스 만들기 (0) | 2023.05.22 |
[CSS] 스크롤바 scrollbar CSS 스타일링 수정하기 (0) | 2023.04.20 |
[ChatGPT] 챗지피티한테 코딩 시키기 - 탭 메뉴 (0) | 2023.04.19 |
[HTML/CSS] ul li에 이미지 사용할 경우 list-style 들여쓰기 맞추기 (0) | 2023.04.18 |