"
Team:IIT Madras/About us/Gallery:Slideshow
From 2011.igem.org
(Difference between revisions)
| (6 intermediate revisions not shown) | |||
| Line 3: | Line 3: | ||
<head> | <head> | ||
<style> | <style> | ||
| - | .photo{position:absolute; top:150px; left: | + | .photo{position:absolute; top:150px; left:175px; display:none;} |
</style> | </style> | ||
| Line 10: | Line 10: | ||
jQuery(document).ready(); | jQuery(document).ready(); | ||
var i=1; | var i=1; | ||
| + | |||
| + | function auto(){ | ||
| + | setTimeout("next_pic()",2500); | ||
| + | } | ||
| + | |||
function next_pic(){ | function next_pic(){ | ||
| - | $("#pid"+i).fadeOut(); | + | $("#pid"+i).fadeOut(1000); |
if(i==14) i=0; | if(i==14) i=0; | ||
| - | $("#pid"+(i+1)).fadeIn(); | + | $("#pid"+(i+1)).fadeIn(1000); |
i++; | i++; | ||
| + | auto(); | ||
} | } | ||
| Line 21: | Line 27: | ||
</head> | </head> | ||
| - | <body> | + | <body onload="auto()"> |
<div id="main_container" style="position:relative; top:-100px;> | <div id="main_container" style="position:relative; top:-100px;> | ||
<div id="write_up" style="text-decoration:none; width:90%;" align="center"> | <div id="write_up" style="text-decoration:none; width:90%;" align="center"> | ||
| Line 41: | Line 47: | ||
<p align="center"><img src="https://static.igem.org/mediawiki/2011/2/27/DSC05350.JPG" width="700" height="500" ALIGN="CENTER" class="photo" id="pid14"/><br/><br/></p> | <p align="center"><img src="https://static.igem.org/mediawiki/2011/2/27/DSC05350.JPG" width="700" height="500" ALIGN="CENTER" class="photo" id="pid14"/><br/><br/></p> | ||
| - | |||
<br/> | <br/> | ||
Latest revision as of 17:43, 28 October 2011
GALLERY
