Real quick example here. It uses a date object to add a unique URL
parameter to the end which should help with caching. No jQuery used, just
standard HTML. The querySelector call is *kinda* modern-ish only (see
caniuse.com for specifics) and could be replaced by
document.getElementById. Oh - and I used 3 seconds. You want to change that.
<!doctype html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<img src="sourceimage.jpg" width="300" height="300" id="theImage">
<script>
document.addEventListener("DOMContentLoaded", function() {
var img = document.querySelector("#theImage");
var src = "./sourceimage.jpg";
window.setInterval(function() {
img.src = src + "?d=" + (new Date().getTime());
console.log(img.src);
},3000);
}, false);
</script>
</body>
</html>
On Thu, Oct 17, 2013 at 6:36 AM, Raymond Camden <raymondcam...@gmail.com>wrote:
> You can use a setInterval call in JS to run every 60 seconds and reload
> the image. You don't need a jQuery plugin for this.
>
>
> On Thu, Oct 17, 2013 at 6:16 AM, Mike K <afpwebwo...@gmail.com> wrote:
>
>>
>> I have a page with a webcam image in it. The webcam uploads a new image
>> every 60 seconds, and I use a HTML refresh to refresh the whole page every
>> 60 seconds.
>>
>> It seems a bit clunky to me. It's worked just fine for several years,
>> but
>> I'd like to see if i can find a way to refresh only the div that contains
>> the image. (or iframe if that's a better way to do it but i'd like ot
>> stay
>> away from frames and iframes if i can).
>>
>> Does anyone know how I could do this? i.e. just refresh part of the page
>> automatically? Is there a jquery plugin that would do that? It needs
>> to
>> be fully automatic so the page just changes, a bit like the way facebook
>> changes all by itself as new material is received.
>>
>>
>>
--
===========================================================================
Raymond Camden, Adobe Developer Evangelist
Email : raymondcam...@gmail.com
Blog : www.raymondcamden.com
Twitter: cfjedimaster
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive:
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356928
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
