Team:Tsinghua-A/Team

From 2011.igem.org

(Difference between revisions)
Line 93: Line 93:
<p>&nbsp;</p>
<p>&nbsp;</p>
<!--end of enu-------------------------------------------->
<!--end of enu-------------------------------------------->
 +
 +
 +
<ul id="slideshow">
 +
<li>
 +
<h3>Coral Reef</h3>
 +
<span>http://bioinfo.au.tsinghua.edu.cn/member/IGEM/B.jpg</span>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
 +
<a href="#"><img src="http://bioinfo.au.tsinghua.edu.cn/member/IGEM/thumbnails/coral-reef-thumb.jpg" alt="Coral Reef" /></a>
 +
</li>
 +
<li>
 +
<h3>Blue Fish</h3>
 +
<span>http://bioinfo.au.tsinghua.edu.cn/member/IGEM/A.jpg</span>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
 +
<img src="http://bioinfo.au.tsinghua.edu.cn/member/IGEM/thumbnails/blue-fish-thumb.jpg" alt="Blue Fish" />
 +
</li>
 +
 +
</ul>
 +
<div id="wrapper">
 +
<div id="fullsize">
 +
<div id="imgprev" class="imgnav" title="Previous Image"></div>
 +
<div id="imglink"></div>
 +
<div id="imgnext" class="imgnav" title="Next Image"></div>
 +
<div id="image"></div>
 +
<div id="information">
 +
<h3></h3>
 +
<p></p>
 +
</div>
 +
</div>
 +
<div id="thumbnails">
 +
<div id="slideleft" title="Slide Left"></div>
 +
<div id="slidearea">
 +
<div id="slider"></div>
 +
</div>
 +
<div id="slideright" title="Slide Right"></div>
 +
</div>
 +
</div>
 +
<script type="text/javascript" src="http://bioinfo.au.tsinghua.edu.cn/member/IGEM/THU_slide_compressed.js"></script>
 +
<script type="text/javascript">
 +
$('slideshow').style.display='none';
 +
$('wrapper').style.display='block';
 +
var slideshow=new TINY.slideshow("slideshow");
 +
window.onload=function(){
 +
slideshow.auto=true;
 +
slideshow.speed=5;
 +
slideshow.link="linkhover";
 +
slideshow.info="information";
 +
slideshow.thumbs="slider";
 +
slideshow.left="slideleft";
 +
slideshow.right="slideright";
 +
slideshow.scrollSpeed=4;
 +
slideshow.spacing=5;
 +
slideshow.active="#fff";
 +
slideshow.init("slideshow","image","imgprev","imgnext","imglink");
 +
}
 +
</script>
 +
</body>
 +
</html>
</html>

Revision as of 15:46, 2 October 2011

JavaScript Slideshow - TinySlideshow

 

  • Coral Reef

    http://bioinfo.au.tsinghua.edu.cn/member/IGEM/B.jpg

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.

    Coral Reef
  • Blue Fish

    http://bioinfo.au.tsinghua.edu.cn/member/IGEM/A.jpg

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.

    Blue Fish