Image Preview
Unanswered
Norwegian Forest Cat posted this in #help-forum
Norwegian Forest CatOP
Hi guys, beginner here. How you would implement image layout and image preview like on these two websites:
https://www.airbnb.com/rooms/53274539?adults=1&category_tag=Tag%3A8851&children=0&enable_m3_private_room=true&infants=0&pets=0&search_mode=flex_destinations_search&source_impression_id=p3_1719842735_P33huT9q6R3yCEiV&previous_page_section_name=1000&federated_search_id=cc592d7c-f77a-46f2-9064-29113572607a
https://www.hometogo.com/rental/5f3339f6d3926543?adults=2&clickId=GMZ53PR02YDTJQJ3&dp=0&id=5f3339f6d3926543&location=5460aeac2e5b2&persons=2&pricetype=totalPrice&prodName=JM&prodSource=Search&sT=dateless&screen=search&searchId=35532380e910cd19&showFullPrice=1
I like the hometogo version more. What are the possibilities how this can be implemented? Can you suggest me some libraries that can do that? Builiding it from scratch seems like a lot of work. Thx.
https://www.airbnb.com/rooms/53274539?adults=1&category_tag=Tag%3A8851&children=0&enable_m3_private_room=true&infants=0&pets=0&search_mode=flex_destinations_search&source_impression_id=p3_1719842735_P33huT9q6R3yCEiV&previous_page_section_name=1000&federated_search_id=cc592d7c-f77a-46f2-9064-29113572607a
https://www.hometogo.com/rental/5f3339f6d3926543?adults=2&clickId=GMZ53PR02YDTJQJ3&dp=0&id=5f3339f6d3926543&location=5460aeac2e5b2&persons=2&pricetype=totalPrice&prodName=JM&prodSource=Search&sT=dateless&screen=search&searchId=35532380e910cd19&showFullPrice=1
I like the hometogo version more. What are the possibilities how this can be implemented? Can you suggest me some libraries that can do that? Builiding it from scratch seems like a lot of work. Thx.
5 Replies
American Chinchilla
For image preview like what we are seeing im not sure if you mean like Open Graph which shows a snippet of a page when you embed the link
For image layout, if your using next 14 you can use the fill property
And give the parent its dimension
@American Chinchilla For image preview like what we are seeing im not sure if you mean like Open Graph which shows a snippet of a page when you embed the link
Norwegian Forest CatOP
I do not mean the preview when link is embedded. I mean the actual layout of images on the website.
And the "carousel" preview when you click on them