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

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

My Website

I now have a final idea for my website. I am going to attempt to create a portfolio for the artist Esao Andrews.

I found out about Esao Andrews through his work creating album artwork for the band "Circa Survive"

Through this I found a larger collection of his work and have been a huge fan ever since.

His work is largely a collection of Gothic, Grotesque, Erotic and Surreal Paintings.

I have used what I have learned about Javascript, along with some online resources to create a lightbox gallery that will open the image on the same page from a collection of thumb nails.

These images show what I have done so far.

Experimenting and stretching my understanding of Java and HTML web development

I have taken out two books from the Uni's library about web programming and JavaScript.

"Beginning Java Script (4th Edition) by Paul Wilton, Jeremy McPeak"
and
"Beginning Web Programming with HTML, XHTML, and CSS (2nd Edition) by Jon Duckett"

I will use these books as a guide when creating my website and hopefully learn some interesting new techniques to use when web designing.

Esao Andrews

I have decided to use the artist Esao Andrews as the basis for my website. I am going to try and create a portfolio site showing examples of all of his work.

I will use what I have learned through the year in HTML CSS and JavaScript to put together a portfolio site for him.

I will attempt to use JavaScript to improve the interaction of my site.

Starting Work

I have started experimenting with a web page to see what I can include in the document for my assignment. I have begun creating a basic HTML document with CSS and started researching interesting elements of JavaScript that I can include.

At the moment all I have only created a basic HTML document that includes some content in the main body articles, and I have linked a CSS page and a JS page.

I do not as yet have a solid Idea about what to create my website about, but by having a document ready means I can continue adding to my project, and give myself a place to start when I do have the final idea.

I have created all the images on the page in photoshop, so that I can modify my site as I go along.

Scripting 2

For my Scripting assignment I wanted to create a good looking and functional website that contained both HTML and hopefully JavaScript that will allow me to expand my knowledge in both languages.