hình ảnh google mới làm cách nào để chúng nổi chính xác

Question

Có ai đã xem tìm kiếm hình ảnh mới trên google. Nó quản lý để làm cho các hình ảnh nổi trong một khu vực. các hình ảnh phù hợp với điều này một cách chính xác bằng cách nhóm chúng thành các kích thước.

Frog images

Tôi đoán có hai cách để làm điều này:

• Scripting bởi một số loại quy tắc liên quan đến độ rộng và chiều cao của những hình ảnh
• Một nguyên tắc Css để tạo hình ảnh.

Trong trường hợp kịch bản, chúng tôi có thể sử dụng chiều rộng tối đa 1000px rồi nhóm hình ảnh để lấp đầy 4 lần này cho 4 dòng hình ảnh của chúng tôi.

Quy tắc Css sẽ phải làm cho hình ảnh nổi nhưng cũng sắp xếp lại chúng.

Có ai có bất kỳ ý tưởng nào khác về cách thức hoạt động của tính năng này không?

Answer 1

Chúng tái kích thước hình ảnh bằng canvas js. Sau đó đặt chiều rộng li, chiều cao và sau đó thêm tràn ẩn. Bạn cũng có thể nhận được kết quả tương tự nếu bạn đặt chiều rộng trên tất cả hình ảnh của mình trong img.myimg css {width: 70px}. Tôi không nghĩ rằng sẽ mất nhiều thời gian hơn để hiển thị trang, sau đó sử dụng mã js.

Answer 2

Tôi nghĩ rằng google đang làm tất cả các máy chủ trên máy chủ này: hãy thử đổi kích thước cửa sổ - nó sẽ được tải lại trong một sercond với hình ảnh được thay đổi kích thước. Mặt khác, tôi tìm thấy phần tử canvas cũng có thể được sử dụng để định lại kích thước hình ảnh đã tải với js