LoremPicsum(임의의 이미지)

LoremPicsum 사이트(picsum.photos/)

​

'https://picsum.photos/가로픽셀수/세로픽셀수' 입력하면 임의로 지정한 크기의 이미지를 보여준다.

​

https://picsum.photos/800/200 주소창에 반복해서 입력할때마다 무작위로 다른이미지를 보여준다.

​

​

 

 

​블로그 포스트형을 만들때 

새로고침할때 마다 이미지가 계속 바뀐다.

포스트가 여러개 일때 모두 똑같은 이미지를 보여준다.

​

해결방법으로는

LoremPicsum 사이트에서 seed를 주는 방법이다.

'https://picsum.photos/seed/id값/가로픽셀수/세로픽셀수'

id값을 가지는 위치에 매번 동일한 이미지를 나타낸다.

notice 레코드마다 고유한 pk값을 가지므로 id값에 해당 레코드id를 넣으면 notice레코드의 pk값이 들어가면서 원하는 결과를 얻을 수있다. 

<img class="card-img-top" src="https://picsum.photos/seed/{{ p.id }}/800/200" alt="random_image">