atom09:Archive
| Line 1: | Line 1: | ||
| + | |||
| + | <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"> | ||
| + | <table cellpadding="3" style="border:1px black solid;border-collapse:collapse;"> | ||
| + | <tr><th align="center">Day at the beach</th></tr> | ||
| + | |||
| + | <tr><td align="center"> | ||
| + | <img src="http://student.hyperbody.nl/index.php/File:Home0901.jpg" name="show"> | ||
| + | </td></tr> | ||
| + | |||
| + | <tr><td align="center" style="border:1px black solid;"> | ||
| + | <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> | ||
| + | </td></tr> | ||
| + | |||
| + | <tr><td align="center" style="border:1px black solid;"> | ||
| + | <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" /> | ||
| + | </td></tr></table></form> | ||
| + | |||
| + | |||
| + | |||
| + | |||
=First Impression= | =First Impression= | ||
Revision as of 15:34, 12 October 2011
<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.
