Template:Mexico-UNAM-CINVESTAV-ROTATOR

From 2010.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<script type="text/javascript" src="https://2010.igem.org/Team:Mexico-UNAM-CINVESTAV/files/jquery.js?action=raw&amp;ctype=text/javascript"></script>
+
<style type="text/css">
-
<script type="text/javascript" src="https://2010.igem.org/Team:Mexico-UNAM-CINVESTAV/files/jquery.cycle.min.js?action=raw&amp;ctype=text/javascript"></script>
+
.slideshow { height: 232px; width: 232px; margin: 0 }
-
 
+
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }
-
<script>
+
</style>
-
<script type=”text/javascript”>
+
<!-- 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://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
 +
<script type="text/javascript">
$(document).ready(function() {
$(document).ready(function() {
-
$(.pics’).cycle({
+
    $('.slideshow').cycle({
-
fx:   ‘fade’,
+
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
-
speed: 5000
+
});
-
});
+
});
});
</script>
</script>
-
 
-
 
</head>
</head>
 +
<body>
 +
<div class="slideshow">
 +
<img src="https://static.igem.org/mediawiki/2010/7/77/Mx-Logo01.gif" />
 +
                <img src="https://static.igem.org/mediawiki/2010/f/fd/Mural-rectoria-cabecera.png" />
 +
<img src="https://static.igem.org/mediawiki/2010/d/d8/Mx-Logo02.gif" />
 +
                <img src="https://static.igem.org/mediawiki/2010/d/dc/Mx-Logo03.gif" />
 +
                <img src="https://static.igem.org/mediawiki/2010/b/b0/Mx-Logo04.gif" />
-
 
+
</div>
-
<div class=”pics”>
+
-
 
+
-
    <img src="https://static.igem.org/mediawiki/2010/7/77/Mx-Logo01.gif"/></li>
+
-
    <img src="https://static.igem.org/mediawiki/2010/d/d8/Mx-Logo02.gif"  /></li>
+
-
    <img src="https://static.igem.org/mediawiki/2010/d/dc/Mx-Logo03.gif" /></li>
+
-
    <li><img src="https://static.igem.org/mediawiki/2010/b/b0/Mx-Logo04.gif"/></li>
+
-
  </ul>
+
-
</div>
+
-
 
+
</body>
</body>
</html>
</html>

Latest revision as of 02:59, 28 October 2010