Team:Imperial College/Templates/Carousel

From 2013.igem.org

(Difference between revisions)
Line 148: Line 148:
     }
     }
   </style>
   </style>
 +
 +
  <script>
 +
    $(function() {
 +
      $('#slides').slidesjs({
 +
        width: 940,
 +
        height: 528,
 +
        play: {
 +
          active: true,
 +
          auto: true,
 +
          interval: 4000,
 +
          swap: true
 +
        }
 +
      });
 +
    });
 +
  </script>
 +
 +
<div class="container">
 +
    <div id="slides">
 +
      <img src="img/example-slide-1.jpg" alt="Photo by: Missy S Link: http://www.flickr.com/photos/listenmissy/5087404401/">
 +
      <img src="img/example-slide-2.jpg" alt="Photo by: Daniel Parks Link: http://www.flickr.com/photos/parksdh/5227623068/">
 +
      <img src="img/example-slide-3.jpg" alt="Photo by: Mike Ranweiler Link: http://www.flickr.com/photos/27874907@N04/4833059991/">
 +
      <img src="img/example-slide-4.jpg" alt="Photo by: Stuart SeegerLink: http://www.flickr.com/photos/stuseeger/97577796/">
 +
    </div>
 +
  </div
 +
</div>
 +
 +
</html>
</html>

Revision as of 16:48, 24 August 2013

Photo by: Missy S Link: http://www.flickr.com/photos/listenmissy/5087404401/ Photo by: Daniel Parks Link: http://www.flickr.com/photos/parksdh/5227623068/ Photo by: Mike Ranweiler Link: http://www.flickr.com/photos/27874907@N04/4833059991/ Photo by: Stuart SeegerLink: http://www.flickr.com/photos/stuseeger/97577796/