Monday, 14 May 2012

JavaScript setTimeout

On my homepage, instead of having just one image I have used Javascript to create a setTimeout to give my home page a changing image every 5 seconds.

I have also linked this javascript to my home page through an external javascript document.


"var currentImgNumber = 1;
var numberOfImages = 4;
function window_onload()
{
setTimeout("switchImage()",5000);
}

function switchImage()
{
currentImgNumber++;
document.imgAdvert.src = 'AdvertImage' + currentImgNumber + '.jpg';
if (currentImgNumber < numberOfImages)
{
setTimeout("switchImage()",5000); }
}"

This is my code showing how the timer works

Thursday, 3 May 2012

Embedded Video


I have embedded video to my site using the source type tag. I have also added converted video files to allow for multiple browsers to co operate with the page.
To convert the video from mp4 into webm and theora I used Miro Video Converter, free from miro.com