Team:Groningen/Templates/slider

From 2013.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
+
<!-- each page with jquery needs to have this line, it will include all the jquery calls.Just include do not change
-
<script type="text/javascript">
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>-->
-
var image1 = new Image()
+
 
-
image1.src = "https://static.igem.org/mediawiki/2013/7/77/Groningen_team.png"
+
<div id="msgid">
-
var image2 = new Image()
+
</div>
-
image2.src = "https://static.igem.org/mediawiki/2013/a/a2/2013_allBlack_BIG_corr.png"
+
 
-
var image3 = new Image()
+
 
-
image3.src = ""
+
  <head>
-
</script>
+
   
-
</head>
+
-
<body>
+
<script type="text/javascript">
-
<p><img src="https://static.igem.org/mediawiki/2013/7/77/Groningen_team.png" width="960px" height="302px%" name="slide" /></p>
+
-
<script type="text/javascript">
+
-
        var step=1;
+
var googleAlbumLink = "https://plus.google.com/photos/100710073991012754583/albums/5901919837634030369?banner=pwa";
-
        function slideit()
+
-
        {
+
-
            document.images.slide.src = eval("image"+step+".src");
+
var mySlideWidth = 900;
-
            if(step<2)
+
var mySlideHeight = 250;
-
                step++;
+
var mySlideDelay = 7000; //delay in milliseconds
-
            else
+
      </script>
-
                step=1;
+
-
            setTimeout("slideit()",4000);
+
-
        }
+
 
-
        slideit();
+
</head>
-
</script>
+
  <body>
-
</body>
+
 +
 
 +
<script src="https://2013.igem.org/Team:Groningen/Scripts/jqueryphoto?action=raw&ctype=text/javascript"></script>
 +
 
 +
<div id="slide">
 +
    </div>
 +
 +
 +
 
 +
  </body>
</html>
</html>

Latest revision as of 10:24, 18 September 2013