Yêu cầu thg 10 7, 2018 7:39 SA 297 0 2
  • 297 0 2
0

Tạo images layout giống như Unsplash

Chia sẻ
  • 297 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 CÂU TRẢ LỜI


Đã trả lời thg 10 8, 2018 3:28 SA
+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 🤔

Chia sẻ
Đã trả lời thg 10 8, 2018 9:23 SA
+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/

Chia sẻ
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí