I want to display a webcam image that gets uploaded to a server, that is say 600px wide, but I want it to display in a box that is only 100px wide. I already use iFrame for a similar task, but the resizing won’t work in iFrame. Any suggestions?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
This will probably depend on how you display the image on your page - can you post a link to your example?
Does the webcam image file name change or get overwritten every time.
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
This is an example of resizing an image using CSS to 100px wide - http://www.deltadesign.co/FW6Test/image-resize.html
If you click on the image/link it will show you the actual size image.
But this will depend on how you are displaying your source file.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi David,
I have a link hallislake.ca (this is a cross country ski club in British Columbia, Canada) just setting up their PC. The larger photo will display an exterior shot, with a smaller picture displaying a thermometer on a separate camera.
I have a website myself using evocam (barkervilleweather.ca) and they wanted a similar setup, but didn’t know how to resize the picture.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
If you’re using an iframe, you can use the CSS3 Transform styling hook to resize the iframe and its contents. This only works in IE9 and up, or any normal browser. It’s not trivial to get right, because the percentage applies to some, but not all of the attributes of the iframe – you have to fiddle with margins, otherwise the outer box (reserved space) on the page will be the original size of the iframe.
Walter
On Mar 24, 2014, at 2:46 PM, DeltaDave wrote:
This is an example of resizing an image using CSS to 100px wide - http://www.deltadesign.co/FW6Test/image-resize.html
If you click on the image/link it will show you the actual size image.
But this will depend on how you are displaying your source file.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Transform styling hooks sounds interesting - new to me. How would I use it? Put in an html code in the url window… something like ? I am not that familiar with code so I would need guidance.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I will repeat this as you may not have realised it was a question.
Does the webcam image file name change or get overwritten every time?
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
it gets overwritten.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
And do you have an URL for it?
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
http://hallislake.ca/Temperature.jpg
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
If you want the image to update while the page is open, you can add a JavaScript to do this. If you only want the image to load once, and then stay wherever it was when the page initially loaded, then you are all done. Just make an image box on the page, change the Type picker in the Inspector to URL, and paste in this URL there. In the Item / Extended interface, add the height and width that you want the image to appear. The resulting code will look like this (in HTML):
<img src="http://hallislake.ca/Temperature.jpg" width="200" height="100" />
Walter
On Mar 24, 2014, at 3:26 PM, Eva Grandell wrote:
http://hallislake.ca/Temperature.jpg
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Eva,
There are several ways you can do this but here is the easiest;
Now if you want the image to refresh outside of the page being loaded take a look at this thread;
http://freewaytalk.net/thread/view/92084#m_92084
Regards,
Tim.
On 24 Mar 2014, at 17:39, Eva Grandell wrote:
I want to display a webcam image that gets uploaded to a server, that is say 600px wide, but I want it to display in a box that is only 100px wide. I already use iFrame for a similar task, but the resizing won’t work in iFrame. Any suggestions?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Tim and Walt, thanks for clear instructions. Both work for me. I want to stay away from java script as it has caused problems for viewers. I use autorefresh on the barkervilleweather.ca site, but safari “remembers” the cached jpg and stubbornly won’t refresh. I have resorted to a link directly to the jpg file for viewers that have problems, and will probably have the same issue with the ski site. I don’t have the skills to fix it. But I am happy that this works now.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Eva,
If you change your mind the JavaScript code I mentioned in that thread appends a timestamp to the webcam image reference so the browser won’t cache it. The browser should see each updated image as a new image reference and reload it from the source file.
Regards,
Tim.
On 24 Mar 2014, at 20:34, Eva Grandell wrote:
I want to stay away from java script as it has caused problems for viewers. I use autorefresh on the barkervilleweather.ca site, but safari “remembers” the cached jpg and stubbornly won’t refresh. I have resorted to a link directly to the jpg file for viewers that have problems, and will probably have the same issue with the ski site.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I want to stay away from java script
Unfortunately it is difficult to avoid.
You don’t appear to have misgivings about using it on the barkerville site - rollovers, Google Analytics etc. etc. all use it as do most of the other FW actions.
You are more likely to get a reliable refresh with Tim’s code.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
That’s because I didn’t realize they were js. I use Freeway so I don’t have to use code : ) - however, I am open to suggestions and will and try Tim’s code (not today though) but will let you know how it works. The ski webcam uploads via a PC and Tincam and I am not familiar with that software, I’m not the operator, so I don’t expect it’s as flexible as evocam.
Thanks for all help guys, it’s awesome support!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
The ski webcam uploads via a PC and Tincam and I am not familiar with that software,
The software and the machine that uploads are completely irrelevant because all it is at the end of the day is an image on the server.
So your FW produced html page just sucks in that image and spits it out.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I should let you know that I did indeed change the barkervilleweather.ca site to Tim’s javascript code, and it’s been running without a glitch since end of March. Yay!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
