Team:ITESM Mexico/Photo Gallery

From 2011.igem.org

(Difference between revisions)
(Created page with "{{Team:ITESM_Mexico/Top}}")
Line 1: Line 1:
{{Team:ITESM_Mexico/Top}}
{{Team:ITESM_Mexico/Top}}
 +
 +
<html>
 +
<!-- CSS -->
 +
<style type="text/css" media="screen">
 +
#slider {
 +
    width: 900px; /* important to be same as image width */
 +
    height: 600px; /* important to be same as image height */
 +
    position: relative; /* important */
 +
overflow: hidden; /* important */
 +
    margin: 0 auto;
 +
}
 +
#sliderContent {
 +
    width: 910px; /* important to be same as image width or wider */
 +
    position: absolute;
 +
top: 0;
 +
margin-left: 0;
 +
}
 +
.sliderImage {
 +
    float: left;
 +
    position: relative;
 +
display: none;
 +
}
 +
.sliderImage span {
 +
    position: absolute;
 +
font: 10px/15px Arial, Helvetica, sans-serif;
 +
    padding: 10px 13px;
 +
margin-left:10px;
 +
margin-top:10px;
 +
    width: 900px;
 +
    background-color: #000;
 +
    filter: alpha(opacity=70);
 +
    -moz-opacity: 0.7;
 +
-khtml-opacity: 0.7;
 +
    opacity: 0.7;
 +
    color: #fff;
 +
    display: none;
 +
}
 +
.clear {
 +
clear: both;
 +
}
 +
.sliderImage span strong {
 +
    font-size: 14px;
 +
}
 +
.top {
 +
top: 0;
 +
left: 0;
 +
}
 +
.bottom {
 +
bottom: 0;
 +
    left: 0;
 +
}
 +
ul { list-style-type: none;}
 +
</style>
 +
<!-- JavaScripts-->
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://productospumas.com/deviatan/sponsoring/s3Slider.js"></script>
 +
<script type="text/javascript">
 +
    $(document).ready(function() {
 +
        $('#slider').s3Slider({
 +
            timeOut: 5000,
 +
mOver: true
 +
        });
 +
    });
 +
</script>
 +
 +
 +
<body>
 +
 +
    <div id="slider">
 +
        <ul id="sliderContent">
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_01.JPG"/></a>
 +
                <span class="top"><strong>Foto 01</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_02.JPG"/></a>
 +
                <span class="top"><strong>Foto 02</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_03.JPG"/></a>
 +
                <span class="top"><strong>Foto 03</strong><br />Foto</span>
 +
            </li>       
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_04.JPG"/></a>
 +
                <span class="top"><strong>Foto 04</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_05.JPG"/></a>
 +
                <span class="top"><strong>Foto 05</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_06.JPG"/></a>
 +
                <span class="top"><strong>Foto 06</strong><br />Foto</span>
 +
            </li> 
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_07.JPG"/></a>
 +
                <span class="top"><strong>Foto 07</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_08.JPG"/></a>
 +
                <span class="top"><strong>Foto 08</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_09.JPG"/></a>
 +
                <span class="top"><strong>Foto 09</strong><br />Foto</span>
 +
            </li> 
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_10.JPG"/></a>
 +
                <span class="top"><strong>Foto 10</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_11.JPG"/></a>
 +
                <span class="top"><strong>Foto 11</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_12.JPG"/></a>
 +
                <span class="top"><strong>Foto 12</strong><br />Foto</span>
 +
            </li>       
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_13.JPG"/></a>
 +
                <span class="top"><strong>Foto 13</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_14.JPG"/></a>
 +
                <span class="top"><strong>Foto 14</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_15.JPG"/></a>
 +
                <span class="top"><strong>Foto 15</strong><br />Foto</span>
 +
            </li> 
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_16.JPG"/></a>
 +
                <span class="top"><strong>Foto 16</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_17.JPG"/></a>
 +
                <span class="top"><strong>Foto 17</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_18.JPG"/></a>
 +
                <span class="top"><strong>Foto 18</strong><br />Foto</span>
 +
            </li> 
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_19.JPG"/></a>
 +
                <span class="top"><strong>Foto 19</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_20.JPG"/></a>
 +
                <span class="top"><strong>Foto 20</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_21.JPG"/></a>
 +
                <span class="top"><strong>Foto 21</strong><br />Foto</span>
 +
            </li>       
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_22.JPG"/></a>
 +
                <span class="top"><strong>Foto 22</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_23.JPG"/></a>
 +
                <span class="top"><strong>Foto 23</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_24.JPG"/></a>
 +
                <span class="top"><strong>Foto 24</strong><br />Foto</span>
 +
            </li> 
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_25.JPG"/></a>
 +
                <span class="top"><strong>Foto 25</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_26.JPG"/></a>
 +
                <span class="top"><strong>Foto 26</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_27.JPG"/></a>
 +
                <span class="top"><strong>Foto 27</strong><br />Foto</span>
 +
            </li> 
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_28.JPG"/></a>
 +
                <span class="top"><strong>Foto 28</strong><br />Foto</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_29.JPG"/></a>
 +
                <span class="top"><strong>Foto 29</strong><br />Foto</span>
 +
            </li>
 +
            <div class="clear sliderImage"></div>
 +
        </ul>
 +
    </div>
 +
    <!-- // slider -->
 +
 +
</body>
 +
 +
</html>

Revision as of 04:15, 28 September 2011

ITESM MÉXICO

SensE.coli

Igem Itesm

  • Foto 01
    Foto
  • Foto 02
    Foto
  • Foto 03
    Foto
  • Foto 04
    Foto
  • Foto 05
    Foto
  • Foto 06
    Foto
  • Foto 07
    Foto
  • Foto 08
    Foto
  • Foto 09
    Foto
  • Foto 10
    Foto
  • Foto 11
    Foto
  • Foto 12
    Foto
  • Foto 13
    Foto
  • Foto 14
    Foto
  • Foto 15
    Foto
  • Foto 16
    Foto
  • Foto 17
    Foto
  • Foto 18
    Foto
  • Foto 19
    Foto
  • Foto 20
    Foto
  • Foto 21
    Foto
  • Foto 22
    Foto
  • Foto 23
    Foto
  • Foto 24
    Foto
  • Foto 25
    Foto
  • Foto 26
    Foto
  • Foto 27
    Foto
  • Foto 28
    Foto
  • Foto 29
    Foto

Retrieved from "http://2011.igem.org/Team:ITESM_Mexico/Photo_Gallery"