Как сделать обновление картинки на странице?

Копать в сторону "страшного" слова AJAX.

<img src="last-kamera.php" />

где last-kamera.php выдаёт последнюю картинку

и аяксом обновлять картинку через заданный промежуток

Хех.. а ИМХО можно и без аякса. Просто перезаписывать на сервере графический файл, а на клиенте раз в н-секунд обновлть img... думаю должно получиться (если кеширование не помешает)

Не обязательно. Можно создавать объект изображения на JS и заменять существующий.

Например:

//получение объекта вашего тега, в котором лежит изображение. например, дива с аттрибутом id='ImgBlock'

var thImgBlock = document.getElementById('ImgBlock');

var item_img = document.createElement('img');

item_img.setAttribute('src', 'путь к вашему изображению/img.jpg');

thImgBlock.appendChild(item_img);

<div id='ImgBlock'>

   <img src='путь к изображению/img.jpg' />

</div>

Естественно, этот вариант подразумевает, что изображение изменяется на сервере. И эту часть кода JS нужно периодически вызывать. Например, вынести в функцию и дергать ее с помощью setInterval();