Difference between revisions of "Team:NKU China/test"

Line 60: Line 60:
 
         @media all and (min-width: 1024px) {
 
         @media all and (min-width: 1024px) {
 
             #group-description > p {
 
             #group-description > p {
                 width: 32%;
+
                 width: 31%;
 
             }
 
             }
 
         }
 
         }
Line 96: Line 96:
 
     <script>
 
     <script>
 
         var debug = true;
 
         var debug = true;
         var wiki = document.location.href.includes('https://2016.igem.org/Team:NKU_China');
+
         var igem = document.location.href.includes('https://2016.igem.org/Team:NKU_China');
        //var wiki = {};
+
        //wiki.image = function (event) {
+
        //    var loacl_resource = [
+
        //        "image/whole-group1024.png",
+
        //        "image/chenlingyi.jpg",
+
        //        "image/songcunjiang.jpg",
+
        //        //"image/",
+
        //        //"image/",
+
        //        //"image/",
+
        //        //"image/",
+
        //        //"image/",
+
        //        //"image/",
+
        //        //"image/",
+
        //        //"image/",
+
        //        //"image/",
+
        //        //"image/",
+
        //        //"image/",
+
        //        //"image/",
+
        //        //"image/",
+
        //        //"image/",
+
        //        //"image/"
+
        //    ]
+
        //    var wiki_resource = [
+
        //        "https://static.igem.org/mediawiki/2016/f/f0/T--NKU_China--whole-group1024.png",
+
        //        "https://static.igem.org/mediawiki/2016/4/49/T--NKU_China--Chenlingyi.jpg",
+
        //        "https://static.igem.org/mediawiki/2016/a/a6/T--NKU_China--songcunjiang.jpg",
+
        //        //"",
+
        //        //"",
+
        //        //"",
+
        //        //"",
+
        //        //"",
+
        //        //"",
+
        //        //"",
+
        //        //"",
+
        //        //"",
+
        //        //"",
+
        //        //"",
+
        //        //"",
+
        //        //"",
+
        //        //"",
+
        //        //""
+
        //    ]
+
        //    var index = loacl_resource.indexOf($(event.target).attr('src'))
+
        //    $(event.target).attr('src',wiki_resource[index])
+
        //}
+
    </script>
+
    <script>
+
        var getElementArrayByCss = function (selector) {
+
            var result = [];
+
            var elements = document.querySelectorAll(selector);
+
            for (var i = 0; i < elements.length; ++i)
+
                result[i] = elements[i];
+
            return result;
+
        }
+
 
+
 
         //element is $(<img>), which is 100% embed in its parent. So automatically adjust the parent can simultaneously automatically adjust the <img>
 
         //element is $(<img>), which is 100% embed in its parent. So automatically adjust the parent can simultaneously automatically adjust the <img>
 
         var auto_adjust_parent = function (element) {
 
         var auto_adjust_parent = function (element) {
Line 163: Line 108:
 
             window.addEventListener('resize', impl)
 
             window.addEventListener('resize', impl)
 
         }
 
         }
 
+
         //img is $(<img>), local is local path, igem is igem server's path
         //var slide_animation = function (current, next) {
+
        var load_img = function (img, local, server) {
        //    $(current).animate({
+
            var image = new Image();
        //        opacity: 0.1,
+
            image.onload = function () { img.attr('src', image.src); };
        //        left: "-=2000",
+
            if(igem)
        //        height: 'toggle'
+
                image.src = server;
        //    }, 1000, 'easeInOutCirc', function () {
+
            else
        //        $(this).css('opacity', 1)
+
                image.src = local;
        //        $(this).css('left', 0)
+
         }
        //    })
+
          
        //    $(next).show();
+
    </script>
        //    $(next).css('opacity', 0.1)
+
    <script>
        //    $(next).css('left', 2000)
+
          
         //    $(next).animate({
+
         //        opacity: 1,
+
        //        left: '0'
+
        //    }, 1000, 'easeInOutExpo'
+
         //    )
+
        //}
+
 
         $(function () {
 
         $(function () {
             auto_adjust_parent($('#group-gallery img'))
+
             auto_adjust_parent($('img.auto-adjust'))
 +
       
 +
            load_img($('#group-gallery img:first-child'), 'image/whole-group-1366.jpg', 'https://static.igem.org/mediawiki/2016/4/4b/T--NKU_China--whole-group-1366.jpg')
  
             var img = new Image();
+
             load_img($('#group-gallery img:first-child'), 'image/whole-group.jpg', 'https://static.igem.org/mediawiki/2016/3/39/T--NKU_China--whole-group.jpg')
            //document.querySelector('#group-gallery img:first-child').src = 'image/whole-group-1366.jpg';
+
            document.querySelector('#group-gallery img:first-child').src = 'https://static.igem.org/mediawiki/2016/4/4b/T--NKU_China--whole-group-1366.jpg';
+
 
              
 
              
 
         })
 
         })
 +
 +
       
 +
    </script>
 +
    <script>
 
     </script>
 
     </script>
 
</head>
 
</head>
Line 210: Line 153:
 
         </div>
 
         </div>
 
         <div id="group-gallery">
 
         <div id="group-gallery">
             <img src="whole-group-1366.jpg" width="1366" height="770" alt="Please wait, loading image..."/>     
+
             <img src="whole-group-1366.jpg" width="1366" height="770" alt="Please wait, loading image..." class="auto-adjust"/>     
 
         </div>
 
         </div>
  
 
     </main>
 
     </main>
     <script id="wiki">
+
     <script>
        var str = "";
+
        var img = new Image()
+
 
+
        getElementArrayByCss('img').forEach(function (value) {
+
            //alert(str)
+
            str += value.src; str += '\n';
+
        })
+
  
        //alert(str)
 
  
 
     </script>
 
     </script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 01:30, 5 August 2016

Team Introduction

Team NKU_China consists of faculty members and students from Nankai University, Tianjin. Located in the east coast of Asia and one of the most developed and prosperous cities in mainland China, Nankai University is making groundbreaking progress in both natural and social sciences while holding fast to the orthodox beliefs that inspire us to dedicate to the interest of the public and the nation.

17 undergraduate students from College of Life Science consist of the absolute main force of Team NKU_China. Sharing “iGEMer” as our common title, the team members work closely together from brainstorming solutions for experimental problems to discussing the future prospect of synthetic biology with great enthusiasm and creation. In the meantime, we frequently adjust the project design and experiment plans under the advice and instructions of three experienced graduate instructors and three distinguished PIs.

All of the team members are looking forward to presenting our project and sharing the story of the great science adventure of Team NKU_China to iGEMers all over the globe at Giant Jamboree. Do meet us at our presentation and poster stand!