Template:Team:IBB Pune/slideshow

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html><head>
+
<html>
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
-
 
+
-
 
+
-
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.beaconinn.com/xmlrpc.php?rsd" />
+
-
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.beaconinn.com/wp-includes/wlwmanifest.xml" />
+
-
<link rel='index' title='Beacon Inn' href='http://www.beaconinn.com' />
+
-
<meta name="generator" content="WordPress 2.8.4" />
+
-
 
+
-
<!--[if lte IE 7]>
+
-
<script type="text/javascript" src="http://www.beaconinn.com/wp-content/themes/beaconinn/ie_png.js"></script>
+
-
<script type="text/javascript">
+
-
      ie_png.fix('.title, .title .top-bg, .title .tail-bg, .widget h2, .menu li');
+
-
</script>
+
-
<![endif]-->
+
-
 
+
-
 
+
-
<style type="text/css">
+
-
.slideshow { height: 250px; width: 960px; }
+
-
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #800000; }
+
-
</style>
+
-
<!-- include jQuery library -->
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+
-
<!-- include Cycle plugin -->
+
-
<script type="text/javascript" src="http://jquery.malsup.com/cycle/jquery.cycle.all.js"></script>
+
-
<script type="text/javascript">
+
-
$(document).ready(function() {
+
-
    $('.slideshow').cycle({
+
-
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
+
-
});
+
-
});
+
-
 
+
-
</script>
+
-
 
+
-
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen">
+
 +
<head>
 +
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
 +
<script type="text/javascript"><!--
 +
var delay=7000
 +
var ie4=document.all
 +
var curindex=0
 +
var totalcontent=0
 +
function get_total(){
 +
if (ie4){
 +
while (eval("document.all.content"+totalcontent))
 +
totalcontent++
 +
}
 +
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
 +
document.getElementById("content"+y).style.display="none"
 +
}
 +
}
 +
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>
</head>
-
 
+
<body align:center>
-
<body>
+
<div id="content0" style="display:none">
-
<div id="demodiv" style="">
+
<img src="http://lh5.ggpht.com/_x-FreF2qP_c/StcmDrOboNI/AAAAAAAACBs/txXKvFU_ipE/s800/011-ariel%20view%20IIT%20madras.jpg" width="965px" height="293px" border="0"></div>
-
 
+
<div id="content1" style="display:none">
-
<div class="slideshow">
+
<img src="http://lh3.ggpht.com/_x-FreF2qP_c/StcmDyToglI/AAAAAAAACB0/cdol0IUAZQk/s800/IIT18.JPG" width="965px" height="293px" border="0"></div>
-
 
+
<div id="content2" style="display:none">
-
<img src=""https://static.igem.org/mediawiki/2009/7/7d/PuneCity_1024.jpg";" width="960" height="250" />
+
<img src="http://lh4.ggpht.com/_x-FreF2qP_c/StcmEp0CHpI/AAAAAAAACB8/SzvUFTa8sMU/s800/IIT74.jpg" width="965px" height="293px" border="0"></div>
-
<img src="slides/2.jpg" width="960" height="250" />
+
<div id="content3" style="display:none">
-
<img src="slides/3.jpg" width="960" height="250" />
+
<img src="http://lh4.ggpht.com/_x-FreF2qP_c/Stcm5MZgzNI/AAAAAAAACCU/ExxhsUxzXmw/s800/frozen%20cherry%20tree.jpg" width="965px" height="293px" border="0"></div>
-
        <img src="slides/4.jpg" width="960" height="250" />
+
<div id="content4" style="display:none">
-
        <img src="slides/5.jpg" width="960" height="250" />
+
<img src="http://lh5.ggpht.com/_x-FreF2qP_c/Stcm43_CfBI/AAAAAAAACCM/dtdDS6vX6fw/s800/campus16.jpg" width="965px" height="293px" border="0"></div>
-
        <img src="slides/6.jpg" width="960" height="250" />
+
<div id="content5" style="display:none">
-
        <img src="slides/7.jpg" width="960" height="250" />
+
<img src="http://upload.wikimedia.org/wikipedia/commons/2/2b/IITM_Library.JPG" width="965px" height="293px" border="0"></div>
-
        <img src="slides/8.jpg" width="960" height="250" />
+
<div id="content6" style="display:none">
-
</div>
+
<img src="http://upload.wikimedia.org/wikipedia/commons/9/9a/ChennaiCentral2.JPG" width="965px" height="293px" border="0"></div>
-
 
+
<div id="content7" style="display:none">
 +
<img src="http://www.amitbhawani.com/career/Images/IIT-Madras/IIT-Madras-1.jpg" width="965px" height="293px" border="0"></div>
 +
<div id="content8" style="display:none">
 +
<img src="http://lh4.ggpht.com/_AfWedODKUgs/SEQippW12ZI/AAAAAAAAAgw/uUmBsQe_f_8/DSC01902.JPG" width="965px" height="293px" border="0"></div>
 +
<div id="content9" style="display:none">
 +
<img src="http://lh6.ggpht.com/_x-FreF2qP_c/StcmDxyXfdI/AAAAAAAACB4/g1F7no9yVeQ/s800/DSCF0008.JPG" width="965px" height="293px" border="0"></div>
 +
<div id="content10" style="display:none">
 +
<img src="http://lh5.ggpht.com/_x-FreF2qP_c/StcmD4tO14I/AAAAAAAACBw/fejfq_eizu0/s800/Saarang1.JPG" width="965px" height="293px" border="0"></div>
 +
<div id="content11" style="display:none">
 +
<img src="http://lh5.ggpht.com/_x-FreF2qP_c/Stcm5NoNigI/AAAAAAAACCQ/0g6budvRkKA/s800/IIT44.jpg" width="965px" height="293px" border="0"></div>
 +
<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>
 +
<div id="content13" style="display:none">
 +
<img src="http://lh4.ggpht.com/_x-FreF2qP_c/Stc2WOLIQOI/AAAAAAAACCg/h8lihKs3XVU/s800/IMG_0167.JPG" width="965px" height="293px" border="0"></div>
</div>
</div>
-
 
+
</boy>
-
</script></body>
+
</html>
</html>

Revision as of 11:13, 18 October 2009