This was my first of many mock-ups done in photoshop, I decided to go with this one and started to code it, I could chose a different colour scheme light or dark. I have featured the dark version
While looking back at my old design and carrying out in
photoshop I realised that I needed to design it with the code rather than a
brief design in photoshop first. This came out to be less time consuming, and fewer
problems arose, while designing it I also looked at my peers for some design advice
so I did not do it myself, as this was the problem previously. My goal was to
make it simple and modern.
What I included on the homepage I used some JavaScript to change the picture on a timer of 2.5 seconds, this consisted of three images shown below.
(var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",3000)
)
<script>
function getVid() {
return document.getElementById('myVideo');
}
function pressedPlay() {
getVid().play();
}
function pressedStop() {
getVid().pause();
}
</script>
<script>
function swapImage(targ, src) {
targ.src=src;
}
</script>
