Team:Amsterdam/project/presentation/

From 2012.igem.org

(Difference between revisions)
 
Line 1: Line 1:
{{Team:Amsterdam/stylesheet}}
{{Team:Amsterdam/stylesheet}}
{{Team:Amsterdam/scripts}}
{{Team:Amsterdam/scripts}}
-
{{Team:Amsterdam/Noobslide/_class.noobSlide.js}}
 
-
{{Team:Amsterdam/Noobslide/_web.css}}
 
-
{{Team:Amsterdam/Noobslide/style.css}}
 
-
{{Team:Amsterdam/Noobslide/_mootools.js}}
 
{{Team:Amsterdam/Header}}
{{Team:Amsterdam/Header}}
{{Team:Amsterdam/Sidebar1}}
{{Team:Amsterdam/Sidebar1}}
 +
 +
<div id="main-content">
<html>
<html>
<head>
<head>
<script type="text/javascript">
<script type="text/javascript">
-
window.addEvent('domready',function(){
+
<!--
-
var startItem = 3; // First item to be displayed
+
var image1=new Image()
-
var thumbs_mask7 = $('thumbs_mask7').setStyle('left',(startItem*60-568)+'px').setOpacity(0.8);
+
image1.src="firstcar.gif"
-
var fxOptions7 = {duration:1000, transition:Fx.Transitions.Back.easeOut, wait:false}
+
var image2=new Image()
-
var thumbsFx = new Fx.Style(thumbs_mask7,'left',fxOptions7);
+
image2.src="secondcar"
-
var hs7 = new noobSlide({
+
var image3=new Image()
-
box: $('box7'),
+
image3.src="thirdcar.gif"
-
items: [0,1,2,3,4,5,6,7],
+
//-->
-
handles: $ES('span','thumbs_handles7'),
+
-
fxOptions: fxOptions7,
+
-
onWalk: function(currentItem){
+
-
thumbsFx.start(currentItem*60-568);
+
-
},
+
-
startItem: startItem
+
-
});
+
-
hs7.walk(0);
+
-
});
+
</script>
</script>
</head>
</head>
<body>
<body>
-
<div id="main-content">
+
<img src="firstcar.gif" name="slide" width="100" height="56" />
-
<h2>Sample 7</h2>
+
<script>
-
<div class="sample">
+
<!--
-
<div class="mask6">
+
//variable that will increment through the images
-
<div id="box7">
+
var step=1
-
<span><img src="https://2012.igem.org/File:Amsterdam_slide_1.jpg" alt="Photo" /></span>
+
function slideit(){
-
<span><img src="img2.jpg" alt="Photo" /></span>
+
//if browser does not support the image object, exit.
-
<span><img src="img3.jpg" alt="Photo" /></span>
+
if (!document.images)
-
<span><img src="img4.jpg" alt="Photo" /></span>
+
return
-
<span><img src="img5.jpg" alt="Photo" /></span>
+
document.images.slide.src=eval("image"+step+".src")
-
<span><img src="img6.jpg" alt="Photo" /></span>
+
if (step<3)
-
<span><img src="img7.jpg" alt="Photo" /></span>
+
step++
-
<span><img src="img8.jpg" alt="Photo" /></span>
+
else
-
</div>
+
step=1
-
</div>
+
//call function "slideit()" every 2.5 seconds
-
 
+
setTimeout("slideit()",2500)
-
<div id="thumbs7">
+
}
-
<div class="thumbs">
+
slideit()
-
<div><img src="img1.jpg" alt="Photo Thumb" /></div>
+
//-->
-
<div><img src="img2.jpg" alt="Photo Thumb" /></div>
+
</script>
-
<div><img src="img3.jpg" alt="Photo Thumb" /></div>
+
</body>
-
<div><img src="img4.jpg" alt="Photo Thumb" /></div>
+
</html>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </div>
-
<div><img src="img5.jpg" alt="Photo Thumb" /></div>
+
-
<div><img src="img6.jpg" alt="Photo Thumb" /></div>
+
-
<div><img src="img7.jpg" alt="Photo Thumb" /></div>
+
-
<div><img src="img8.jpg" alt="Photo Thumb" /></div>
+
-
</div>
+
-
 
+
-
<div id="thumbs_mask7"></div>
+
-
<p id="thumbs_handles7">
 
-
<span></span>
 
-
<span></span>
 
-
<span></span>
 
-
<span></span>
 
-
<span></span>
 
-
<span></span>
 
-
<span></span>
 
-
<span></span>
 
-
</p>
 
-
</div>
 
-
</div>
 
-
</body> 
 
-
</html>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          </div>
 
{{Team:Amsterdam/Foot}}
{{Team:Amsterdam/Foot}}

Latest revision as of 04:28, 10 August 2012

Retrieved from "http://2012.igem.org/Team:Amsterdam/project/presentation/"