unsplash에서 이미지 랜덤 불러오기

unsplash의 이미지를 랜덤으로 불러오는 방법이다.

 

url(//source.unsplash.com/500x500)

 

뒤에 500x500은 사이즈를 넣으면 되서 편의에 따라 조정하면 된다.

만약, 이미지를 여러개 사용하고 싶다면

500x500,

500x501,

500x502  ...

이렇게 늘려가면 된다.

 

예시 

<img src="//source.unsplash.com/500x500" alt="">
<img src="//source.unsplash.com/500x501" alt="">

- 또는 background로도 넣을 수 있다.

 

 

특정 단어로 지정해서 검색하여 사용할 수도 있다.

 

예시

<img src="//source.unsplash.com/500x500/?water" alt="">
<img src="//source.unsplash.com/500x500/?pink" alt="">

검색해서 사용시 사이즈는 500x500, 500x500 .. 동일하게 여러 사진을 쓸 수 있다.

 

** 참고사이트 : https://source.unsplash.com/