Template:Team:IBB Pune/slideshow

From 2009.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
-
<html><a href="javascript:gotoshow()"><img src="food1.jpg" name="slide" border=0 width=300 height=375></a>
+
<html>
-
<script>
+
-
<!--
+
-
//configure the paths of the images, plus corresponding target links
+
<head>
-
slideshowimages("food1.jpg","food2.jpg","food3.jpg","food4.jpg","food5.jpg")
+
-
slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious.com/run/recipe/view?id=10092","http://food.epicurious.com/run/recipe/view?id=100975","http://food.epicurious.com/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe/view?id=20010")
+
-
//configure the speed of the slideshow, in miliseconds
+
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
-
var slideshowspeed=2000
+
<script type="text/javascript"><!--
-
 
+
var delay=7000
-
var whichlink=0
+
var ie4=document.all
-
var whichimage=0
+
var curindex=0
-
function slideit(){
+
var totalcontent=0
-
if (!document.images)
+
function get_total(){
-
return
+
if (ie4){
-
document.images.slide.src=slideimages[whichimage].src
+
while (eval("document.all.content"+totalcontent))
-
whichlink=whichimage
+
totalcontent++
-
if (whichimage<slideimages.length-1)
+
}
-
whichimage++
+
else{
 +
while (document.getElementById("content"+totalcontent))
 +
totalcontent++
 +
}
 +
}
 +
function contract_all(){
 +
for (y=0;y<totalcontent;y++){
 +
if (ie4)
 +
eval("document.all.content"+y).style.display="none"
else
else
-
whichimage=0
+
document.getElementById("content"+y).style.display="none"
-
setTimeout("slideit()",slideshowspeed)
+
}
}
-
slideit()
+
}
 +
function expand_one(which){
 +
contract_all()
 +
if (ie4)
 +
eval("document.all.content"+which).style.display=""
 +
else
 +
document.getElementById("content"+which).style.display=""
 +
}
 +
function rotate_content(){
 +
get_total()
 +
contract_all()
 +
expand_one(curindex)
 +
curindex=(curindex<totalcontent-1)? curindex+1: 0
 +
setTimeout("rotate_content()",delay)
 +
}
 +
window.onload=rotate_content
 +
//--></script>
 +
</head>
 +
 
 +
<body align:center>
 +
<div id="content0" style="display:none">
 +
1
 +
<img src="https://static.igem.org/mediawiki/2009/f/f1/PuneCity.jpg" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
 +
<div id="content1" style="display:none">
 +
2
 +
<img src="https://static.igem.org/mediawiki/2009/d/d8/Ss0.jpg" width="965px" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
 +
3
 +
<div id="content2" style="display:none">
 +
<img src= "https://static.igem.org/mediawiki/2009/1/1d/Ss3.jpg" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
 +
4
 +
<div id="content3" style="display:none">
 +
<img src="" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
 +
5
 +
<div id="content4" style="display:none">
 +
<img src="http://lh5.ggpht.com/_x-FreF2qP_c/Stcm43_CfBI/AAAAAAAACCM/dtdDS6vX6fw/s800/campus16.jpg" wwidth="968" height="510" alt="ibb_Pune" ALIGN=center></div>
 +
6
 +
<div id="content5" style="display:none">
 +
<img src="http://upload.wikimedia.org/wikipedia/commons/2/2b/IITM_Library.JPG" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
 +
7
 +
<div id="content6" style="display:none">
 +
<img src="http://upload.wikimedia.org/wikipedia/commons/9/9a/ChennaiCentral2.JPG" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
 +
8
 +
<div id="content7" style="display:none">
 +
<img src="http://www.amitbhawani.com/career/Images/IIT-Madras/IIT-Madras-1.jpg" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
 +
9
 +
<div id="content8" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2009/9/9d/DSC04804.JPG" height="293px" border="0"></div>
 +
10
 +
<div id="content9" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2009/1/16/Labibb.jpg" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
 +
11
 +
<div id="content10" style="display:none">
 +
<img src="http://lh5.ggpht.com/_x-FreF2qP_c/StcmD4tO14I/AAAAAAAACBw/fejfq_eizu0/s800/Saarang1.JPG" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
 +
12
 +
<div id="content11" style="display:none">
 +
<img src="http://lh5.ggpht.com/_x-FreF2qP_c/Stcm5NoNigI/AAAAAAAACCQ/0g6budvRkKA/s800/IIT44.jpg" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
 +
13
 +
<div id="content12" style="display:none">
 +
<img src="http://lh3.ggpht.com/_x-FreF2qP_c/StcyDKUzzvI/AAAAAAAACCc/-_hzMlrpGrM/s800/IIT69.jpg" width="965px" height="293px" border="0"></div>
 +
14
 +
<div id="content13" style="display:none">
 +
<img src="http://lh4.ggpht.com/_x-FreF2qP_c/Stc2WOLIQOI/AAAAAAAACCg/h8lihKs3XVU/s800/IMG_0167.JPG" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
 +
</div>
-
//-->
+
</boy>
-
</script>
+
</html>
</html>

Latest revision as of 11:48, 18 October 2009

3 4 5 6 7 8 9 10 11 12 13 14