Asked Oct 7th, 7:39 AM 116 0 2
  • 116 0 2
0

Tạo images layout giống như Unsplash

share
  • 116 0 2

Chào mọi người, như đề cập ở trên hiện tại mình đang thử làm 1 web ảnh sử dụng api của Unsplash. Nhưng vẫn đang ko hiểu sao Unsplash lại tạo được layout như vậy. Mình đã thử nhiều cách như sử dụng bootstrap card-group nhưng như vậy thì khi infinite loading nó sẽ load ảnh mới vào column thứ 3 chứ ko load theo chiều ngang. Còn 1 cách còn lại là tạo 3 column và gọi 3 lần api load ảnh với trang khác nhau nhưng như thế thì rất tốn api (vì api của unsplash chỉ cho max rate 50 calls/hours) và optimize không được tốt lắm. Ko biết trong đây có ai có cao kiến gì ko 😦
Đây là link Unsplash: https://unsplash.com
Còn đây là link lấy api : https://unsplash.com/developers

2 ANSWERS


Answered Oct 8th, 3:28 AM
+3

Unsplash có api lấy list photos trong 1 lần request mà nhỉ? Bạn lấy 1 array ảnh về rồi đặt từng url vào từng column 🤔

share
Answered Oct 8th, 9:23 AM
+3

layout của Unsplash là dạng masory-layout, bạn thử dùng thư viện này xem https://masonry.desandro.com/

share