atom09:Archive
<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" /> |
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.
First Ideas
Here's more about different steps in the design process, such as first ideas etc.