Team:KAIST Korea/Team

From 2013.igem.org

(Difference between revisions)
Line 2: Line 2:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<head>
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
<!--[if IE]><script type="text/javascript" src="https://dl.dropboxusercontent.com/u/202315040/momoflow-master/js/excanvas.compiled.js"></script><![endif]-->
-
<meta charset="UTF-8">
+
  <script type="text/javascript" src="https://dl.dropboxusercontent.com/u/202315040/momoflow-master/js/jquery-1.3.2.js"></script>
 +
  <script type="text/javascript" src="https://dl.dropboxusercontent.com/u/202315040/momoflow-master/js/ui.core.js"></script>
 +
  <script type="text/javascript" src="https://dl.dropboxusercontent.com/u/202315040/momoflow-master/js/ui.slider.js"></script>
 +
  <script type="text/javascript" src="https://dl.dropboxusercontent.com/u/202315040/momoflow-master/js/momoflow.js"></script>
 +
  <link  type="text/css"      href="https://dl.dropboxusercontent.com/u/202315040/momoflow-master/css/ui.all.css" rel="stylesheet" />
 +
  <script type="text/javascript">
 +
    $(document).ready(function() {
 +
      var images = jQuery.map([0,1,2,3,4,5,6,7,8,9], function(index){ return 'images/flow_'+index+'.jpg'});
 +
      init();
 +
    function init(){
 +
        var cf = new CF(
 +
          $('#container'), images, {
 +
          onSetPosition : function(index){
 +
              $('#slider').slider('option', 'value', index);
 +
          },
 +
            lightBox : true
 +
          }
 +
        );
 +
        $('#slider').slider({
 +
          animate:  true,
 +
          min:      0,
 +
          max:      images.length - 1,
 +
          change : function(event, s){
 +
            cf.setPosition(s.value)
 +
          }
 +
        });
 +
    }
 +
});
 +
</script>
 +
  <style type="text/css" media="screen">
 +
    body    {
 +
      background-color: #aaaaaa;
 +
      font: 10px futura, helvetica, helvetica neue;
 +
    }
 +
    #credits {
 +
      position: absolute;
 +
      bottom:  10px; right: 10px;
 +
      opacity:  0.5;
 +
    }
 +
    #slider {
 +
      width: 400px;
 +
      margin: auto;
 +
    }
 +
    #container {
 +
      background-color: #aaaaaa;
 +
    position:        relative;
 +
      border:          0px solid red;
 +
      height:          400px;
 +
      margin:          auto;
 +
    margin-top :      100px;
 +
    margin-bottom :  40px;
 +
    overflow:        hidden;
 +
  }
 +
</style>
 +
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="MediaWiki 1.16.5" />
<meta name="generator" content="MediaWiki 1.16.5" />
Line 1,117: Line 1,171:
   
   
-
<div id="container">
+
<div id="container"></div>
-
<canvas id="cv"></canvas>
+
    <div id="slider"></div>
-
</div>
+
-
<script type="text/javascript" src="coverflow.js"></script>
+
-
<script type="text/javascript">
+
-
function $(id){return document.getElementById(id)};
+
-
window.onload = function()
+
-
{
+
-
var items = [
+
-
{src: 'https://dl.dropboxusercontent.com/u/202315040/igem/images/1.jpg', label: {album: 'All That I Am', artist: 'Santana'}},
+
-
{src: 'https://dl.dropboxusercontent.com/u/202315040/igem/images/2.jpg', label: {album: 'August & Everything After', artist: 'Counting Crows'}},
+
-
{src: 'https://dl.dropboxusercontent.com/u/202315040/igem/images/3.jpg', label: {album: 'Back to Bedlam', artist: 'James Blunt'}},
+
-
{src: 'https://dl.dropboxusercontent.com/u/202315040/igem/images/4.jpg', label: {album: 'Carnival of Rust', artist: 'Poets of the Fall'}},
+
-
+
-
];
+
-
for (var i = 0, j = items.length; i < items.length; i++)
+
-
{
+
-
var img = new Image();
+
-
img.onload = function()
+
-
{
+
-
if (--j == 0)
+
-
{
+
-
Coverflow.init($('cv'), items, {
+
-
onSelectCenter: function(item)
+
-
{
+
-
alert('Clicked: '+ item.label.album +' - '+ item.label.artist);
+
-
}
+
-
});
+
-
}
+
-
};
+
-
img.src = items[i].src;
+
-
}
+
-
}
+
-
</script>
+

Revision as of 08:43, 23 August 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Team:KAIST Korea/Project Background - 2013.igem.org

Retrieved from "http://2013.igem.org/Team:KAIST_Korea/Team"