Template:Team:IBB Pune/slideshow

From 2009.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
-
<html><head>
+
<html>
-
<script language="JavaScript1.1">
+
-
<!--
+
-
/*
+
<head>
-
JavaScript Image slideshow:
+
-
By JavaScript Kit (www.javascriptkit.com)
+
-
Over 200+ free JavaScript here!
+
-
*/
+
-
var slideimages=new Array()
+
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
-
var slidelinks=new Array()
+
<script type="text/javascript"><!--
-
function slideshowimages(){
+
var delay=7000
-
for (i=0;i<slideshowimages.arguments.length;i++){
+
var ie4=document.all
-
slideimages[i]=new Image()
+
var curindex=0
-
slideimages[i].src=slideshowimages.arguments[i]
+
var totalcontent=0
 +
function get_total(){
 +
if (ie4){
 +
while (eval("document.all.content"+totalcontent))
 +
totalcontent++
}
}
 +
else{
 +
while (document.getElementById("content"+totalcontent))
 +
totalcontent++
}
}
-
 
-
function slideshowlinks(){
 
-
for (i=0;i<slideshowlinks.arguments.length;i++)
 
-
slidelinks[i]=slideshowlinks.arguments[i]
 
}
}
-
 
+
function contract_all(){
-
function gotoshow(){
+
for (y=0;y<totalcontent;y++){
-
if (!window.winslide||winslide.closed)
+
if (ie4)
-
winslide=window.open(slidelinks[whichlink])
+
eval("document.all.content"+y).style.display="none"
else
else
-
winslide.location=slidelinks[whichlink]
+
document.getElementById("content"+y).style.display="none"
-
winslide.focus()
+
}
}
-
 
+
}
-
//-->
+
function expand_one(which){
-
</script>
+
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>
</head>
-
<body>
 
-
<a href="javascript:gotoshow()"><img src="food1.jpg" name="slide" border=0 width=300 height=375></a>
 
-
<script>
 
-
<!--
 
-
//configure the paths of the images, plus corresponding target links
+
<body align:center>
-
slideshowimages("food1.jpg","food2.jpg","food3.jpg","food4.jpg","food5.jpg")
+
<div id="content0" style="display:none">
-
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")
+
1
-
 
+
<img src="https://static.igem.org/mediawiki/2009/f/f1/PuneCity.jpg" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
-
//configure the speed of the slideshow, in miliseconds
+
<div id="content1" style="display:none">
-
var slideshowspeed=2000
+
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>
-
var whichlink=0
+
3
-
var whichimage=0
+
<div id="content2" style="display:none">
-
function slideit(){
+
<img src= "https://static.igem.org/mediawiki/2009/1/1d/Ss3.jpg" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
-
if (!document.images)
+
4
-
return
+
<div id="content3" style="display:none">
-
document.images.slide.src=slideimages[whichimage].src
+
<img src="" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
-
whichlink=whichimage
+
5
-
if (whichimage<slideimages.length-1)
+
<div id="content4" style="display:none">
-
whichimage++
+
<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>
-
else
+
6
-
whichimage=0
+
<div id="content5" style="display:none">
-
setTimeout("slideit()",slideshowspeed)
+
<img src="http://upload.wikimedia.org/wikipedia/commons/2/2b/IITM_Library.JPG" width="968" height="510" alt="ibb_Pune" ALIGN=center></div>
-
}
+
7
-
slideit()
+
<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></body>
+
</html>
</html>

Latest revision as of 11:48, 18 October 2009

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

Retrieved from "http://2009.igem.org/Template:Team:IBB_Pune/slideshow"