Resize image from url to fit web viewer

[Lou]

How can I resize an Image from a url "http://s3.amazonaws.com/photos.ecarlist.com/egWK/Z0og/ECQk/1XB9/I4Zn/vw_640.jpg" based on the size of the web viewer. 

Background

I have a table that holds all vehicles in inventory with a field that holds a url e.g. above which points to a single image nothing else, 

 

Issue

How can I get the image to resize based on the viewer size or resize it based on a specified width and height? I did run into an article that explained how I can input the image from a URL into a field "container" but I'm trying to keep the solution size small, current vehicles in inventory is 218 and each week 20+ new vehicles get added to the inventory. By the end of the year the table will probably have over 1000 vehicles.

 

Bonus Issue...LOL

when accessing the solution remotely on a computer using only chrome or safari images in the web viewer don't get displayed, but if I use filemaker pro or go it works just fine

Edited January 20, 2020 by Lou

[comment]

7 hours ago, Lou said:

How can I get the image to resize based on the viewer size or resize it based on a specified width and height?

Try something like:

"data:text/html, <img src='http://s3.amazonaws.com/photos.ecarlist.com/egWK/Z0og/ECQk/1XB9/I4Zn/vw_640.jpg' style='max-height:300px; max-width:400px;'/>"

 

7 hours ago, Lou said:

when accessing the solution remotely on a computer using only chrome or safari images in the web viewer don't get displayed

See if this helps:
https://support.filemaker.com/s/article/Web-Viewer-renders-blank-in-WebDirect?language=en_US

[Lou]

 

I've also tried without the Data:text/html, but same results

never min got it to work had to use the quotes 

thank you Comment

 

======================================================================================

its working fine as long as I use the url in the code but that's going to make it a static container across all the records, I need it to be a dynamic web viewer based on the the url in the field.

 

=======================================================================================

Sorry figured it out here is the way it needs to be setup for anyone else who is trying to accomplish this task thanks to Comment's help

"data:text/html, <img src='"& DealerSocketInventory::Picture &"' style='max-height:300px; max-width:400px;'/>"

need to remove the URL and add " & fieldname & " make sure the quotes are there

Edited January 22, 2020 by Lou