Team:Georgia Tech/slidercss

<html>
<script src="https://2012.igem.org/Team:Georgia_Tech/sliderjs?action=raw"></script>
<style type="text/css">
#sliderFrame {position:relative;width:970px;margin: 0 auto;} /*remove the 

"margin:0 auto;" if you want to align the whole slider to the left side*/
        
#slider {
    width:970px;height:290px;/* Make it the same size as your images */
	background:url(loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
}
#slider img {
	position:absolute;
	border:none;
	display:none;
}
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
div.mc-caption-bg, div.mc-caption-bg2 {
display:none;
}
div.mc-caption {
display:none;
}
</style>
<div id="sliderFrame">
<div id="slider">
            <a href="http://www.youtube.com/watch?v=nxeqBqUyceA" rel="vidbox 800 600" title="Short animation demonstrating our concept.">
                <img src="https://static.igem.org/mediawiki/2012/9/90/Cover1.png" alt=""/>
            </a>
            <a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice">
                <img src="https://static.igem.org/mediawiki/2012/d/d9/Cover2.png" alt=""/>
            </a>
            <a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub2-3">
                <img src="https://static.igem.org/mediawiki/2012/9/9e/Cover6.png" alt=""/>
            </a>
            <a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub2-2">
                <img src="https://static.igem.org/mediawiki/2012/9/98/Cover4.png" alt=""/>
            </a>
            <a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub2-1">
                <img src="https://static.igem.org/mediawiki/2012/3/36/Cover5.png" alt=""/>
            </a>
            <a href="https://2012.igem.org/Team:NCTU_Formosa/Team">
                <img src="https://static.igem.org/mediawiki/2012/d/d9/Cover3.png" alt=""/>
            </a>
</div>
</div>
</html>