@Ralph @Keith
Thank you very much for your suggestions. I will try.
Regards,
Matthias
> Am 14.07.2021 um 08:27 schrieb Keith Clarke via use-livecode
> <use-livecode@lists.runrev.com>:
>
> An idea extending Ralph's suggestion to use html, along with styling to do
> the heavy lifting rather than JavaScript. A div with a background image might
> do the trick...
>
> <h1>Image title</h1>
> <div style="width: 100%; height: calc(100vh - 2rem; background: url("url") no
> repeat cover; "></div>
>
> ...where:
> ... 'vh' is viewport height units (as percentage) and '2rem' leaves some
> space for the image title, (expressed as font size relative to that in the
> html root element).
>
> ...background provides for background images, and size as 'cover' fill the
> containing div (with some scaling in one dimension that affects aspect ratio)
> - so use 'contain' if you want the image to be as large as possible with its
> aspect ratio left intact. See help for this background shorthand styling
> examples and related information here
> https://www.w3schools.com/css/css_background_shorthand.asp
>
> HTH
> Keith
>
>> On 13 Jul 2021, at 22:24, Ralph DiMola via use-livecode
>> <use-livecode@lists.runrev.com> wrote:
>>
>> One way...
>> Create a local html template and replace an href place holder in the
>> template to the url of the web server image.
>> Then load the template page into the browser widget and let html do the
>> resizing heavy lifting. This will not break cors.
>>
>> Ralph DiMola
>> IT Director
>> Evergreen Information Services
>> rdim...@evergreeninfo.net
>>
>> -----Original Message-----
>> From: use-livecode [mailto:use-livecode-boun...@lists.runrev.com] On Behalf
>> Of matthias rebbe via use-livecode
>> Sent: Tuesday, July 13, 2021 5:00 PM
>> To: How to use LiveCode
>> Cc: matthias_livecode_150...@m-r-d.de
>> Subject: How to scale the content of the Browser Widget
>>
>> Hi,
>>
>> i need to display jpeg images in the browser widget. The images are stored
>> on a webserver and i have no control about the size of the images.
>> What i can say is that the images are larger than the browser widget area.
>> Is there a way to scale the images so they are fully visible in the browser
>> widget?
>> I do not want to temporarily store them on hard disk, resize them and then
>> display.
>> I need something like an "on the fly" scaling.
>> I am wondering if this might be possible with Javascript? Unfortunately i am
>> not very used Javascript.
>>
>> Does anyone know if this is possible?
>>
>> Regards,
>>
>> Matthias
>>
>>
>> _______________________________________________
>> use-livecode mailing list
>> use-livecode@lists.runrev.com
>> Please visit this url to subscribe, unsubscribe and manage your subscription
>> preferences:
>> http://lists.runrev.com/mailman/listinfo/use-livecode
>>
>>
>> _______________________________________________
>> use-livecode mailing list
>> use-livecode@lists.runrev.com
>> Please visit this url to subscribe, unsubscribe and manage your subscription
>> preferences:
>> http://lists.runrev.com/mailman/listinfo/use-livecode
> _______________________________________________
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription
> preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
_______________________________________________
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode
