<script type="text/javascript"> // Author: ricocheting.com // Description: slideshow that allows visitors to flip through a series of images on your website

var x=0;

function rotate(num){ fs=document.ff.slide; x=num%fs.length; if(x<0) x=fs.length-1; document.images.show.src=fs.options[x].value; fs.selectedIndex=x;}

function auto() { if(document.ff.fa.value == "Stop"){ rotate(++x);setTimeout("auto()", 5000);}} </script>

<form name="ff">

Day at the beach
<img src="http://student.hyperbody.nl/index.php/File:Home0901.jpg" name="show">
<select name="slide" onChange="rotate(this.selectedIndex);"> <option value="http://student.hyperbody.nl/index.php/File:Home0901.jpg"></option> <option value="http://student.hyperbody.nl/index.php/File:16-02a-abiotic-biotic-ecosystem-components.jpg"></option> </select>
<input type="button" onclick="rotate(0);" value="ll<<" title="Jump to beginning" /> <input type="button" onclick="rotate(x-1);" value="<<" title="Last Picture" /> <input type="button" name="fa" onClick="this.value=((this.value=='Stop')?'Start':'Stop');auto();" value="Start" title="Autoplay" style="width:75px;" /> <input type="button" onclick="rotate(x+1);" value=">>" title="Next Picture" /> <input type="button" onclick="rotate(this.form.slide.length-1);" value=">>ll" title="Jump to end" />

</form>

First Impression

> Slide 01 is about our first impression, at 8th September, which shows the first thoughts as a result of a brainstorm session about the site.

Site Analysis

Site Analysis includes the important information we collected from Interviews, Traffic situation, Green, Water, Neighborhood Facilities, etc.

> Site Analysis

First Ideas

Here's more about different steps in the design process, such as first ideas etc.

> Design process