Team:AUC TURKEY/Test

From 2013hs.igem.org

(Difference between revisions)
Line 3: Line 3:
<html>
<html>
<head>
<head>
-
<style type="text/css">
 
-
#countdown{
 
-
font: bold 60px "Trebuchet MS";
 
-
}
 
-
</style>
 
<script type="text/javascript">
<script type="text/javascript">
-
var jamboree;
+
;(function($){"use strict";var m='Lite-1.7';var n=/MSIE/.test(navigator.userAgent);$.fn.cycle=function(l){return this.each(function(){l=l||{};if(this.cycleTimeout)clearTimeout(this.cycleTimeout);this.cycleTimeout=0;this.cyclePause=0;var b=$(this);var c=l.slideExpr?$(l.slideExpr,this):b.children();var d=c.get();if(d.length<2){if(window.console)console.log('terminating; too few slides: '+d.length);return}var e=$.extend({},$.fn.cycle.defaults,l||{},$.metadata?b.metadata():$.meta?b.data():{});var f=$.isFunction(b.data)?b.data(e.metaAttr):null;if(f)e=$.extend(e,f);e.before=e.before?[e.before]:[];e.after=e.after?[e.after]:[];e.after.unshift(function(){e.busy=0});var g=this.className;e.width=parseInt((g.match(/w:(\d+)/)||[])[1],10)||e.width;e.height=parseInt((g.match(/h:(\d+)/)||[])[1],10)||e.height;e.timeout=parseInt((g.match(/t:(\d+)/)||[])[1],10)||e.timeout;if(b.css('position')=='static')b.css('position','relative');if(e.width)b.width(e.width);if(e.height&&e.height!='auto')b.height(e.height);var h=0;c.css({position:'absolute',top:0}).each(function(i){$(this).css('z-index',d.length-i)});$(d[h]).css('opacity',1).show();if(n)d[h].style.removeAttribute('filter');if(e.fit&&e.width)c.width(e.width);if(e.fit&&e.height&&e.height!='auto')c.height(e.height);if(e.pause)b.hover(function(){this.cyclePause=1},function(){this.cyclePause=0});var j=$.fn.cycle.transitions[e.fx];if(j)j(b,c,e);c.each(function(){var a=$(this);this.cycleH=(e.fit&&e.height)?e.height:a.height();this.cycleW=(e.fit&&e.width)?e.width:a.width()});if(e.cssFirst)$(c[h]).css(e.cssFirst);if(e.timeout){if(e.speed.constructor==String)e.speed={slow:600,fast:200}[e.speed]||400;if(!e.sync)e.speed=e.speed/2;while((e.timeout-e.speed)<250)e.timeout+=e.speed}e.speedIn=e.speed;e.speedOut=e.speed;e.slideCount=d.length;e.currSlide=h;e.nextSlide=1;var k=c[h];if(e.before.length)e.before[0].apply(k,[k,k,e,true]);if(e.after.length>1)e.after[1].apply(k,[k,k,e,true]);if(e.click&&!e.next)e.next=e.click;if(e.next)$(e.next).unbind('click.cycle').bind('click.cycle',function(){return advance(d,e,e.rev?-1:1)});if(e.prev)$(e.prev).unbind('click.cycle').bind('click.cycle',function(){return advance(d,e,e.rev?1:-1)});if(e.timeout)this.cycleTimeout=setTimeout(function(){go(d,e,0,!e.rev)},e.timeout+(e.delay||0))})};function go(b,c,d,e){if(c.busy)return;var p=b[0].parentNode,curr=b[c.currSlide],next=b[c.nextSlide];if(p.cycleTimeout===0&&!d)return;if(d||!p.cyclePause){if(c.before.length)$.each(c.before,function(i,o){o.apply(next,[curr,next,c,e])});var f=function(){if(n)this.style.removeAttribute('filter');$.each(c.after,function(i,o){o.apply(next,[curr,next,c,e])});queueNext(c)};if(c.nextSlide!=c.currSlide){c.busy=1;$.fn.cycle.custom(curr,next,c,f)}var g=(c.nextSlide+1)==b.length;c.nextSlide=g?0:c.nextSlide+1;c.currSlide=g?b.length-1:c.nextSlide-1}else{queueNext(c)}function queueNext(a){if(a.timeout)p.cycleTimeout=setTimeout(function(){go(b,a,0,!a.rev)},a.timeout)}}function advance(a,b,c){var p=a[0].parentNode,timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0}b.nextSlide=b.currSlide+c;if(b.nextSlide<0){b.nextSlide=a.length-1}else if(b.nextSlide>=a.length){b.nextSlide=0}go(a,b,1,c>=0);return false}$.fn.cycle.custom=function(a,b,c,d){var e=$(a),$n=$(b);$n.css(c.cssBefore);var f=function(){$n.animate(c.animIn,c.speedIn,c.easeIn,d)};e.animate(c.animOut,c.speedOut,c.easeOut,function(){e.css(c.cssAfter);if(!c.sync)f()});if(c.sync)f()};$.fn.cycle.transitions={fade:function(a,b,c){b.not(':eq(0)').hide();c.cssBefore={opacity:0,display:'block'};c.cssAfter={display:'none'};c.animOut={opacity:0};c.animIn={opacity:1}},fadeout:function(e,f,g){g.before.push(function(a,b,c,d){$(a).css('zIndex',c.slideCount+(d===true?1:0));$(b).css('zIndex',c.slideCount+(d===true?0:1))});f.not(':eq(0)').hide();g.cssBefore={opacity:1,display:'block',zIndex:1};g.cssAfter={display:'none',zIndex:0};g.animOut={opacity:0};g.animIn={opacity:1}}};$.fn.cycle.ver=function(){return m};$.fn.cycle.defaults={animIn:{},animOut:{},fx:'fade',after:null,before:null,cssBefore:{},cssAfter:{},delay:0,fit:0,height:'auto',metaAttr:'cycle',next:null,pause:false,prev:null,speed:1000,slideExpr:null,sync:true,timeout:4000}})(jQuery);
-
var countdown;
+
$(function() {
-
countdownTimer=function()
+
    $("#pics").cycle();
-
{
+
});
-
var _loc6 = new Date();
+
-
var _loc2 = jamboree - _loc6;
+
-
if (_loc2 < 0){
+
-
countdown.innerHTML="Happy Jamboree!";
+
-
}else{
+
-
var _loc1 = Math.floor(_loc2 / 86400000);
+
-
var _loc4 = Math.floor(_loc2 / 3600000) % 24;
+
-
var _loc5 = Math.floor(_loc2 / 60000) % 60;
+
-
var _loc3 = Math.floor(_loc2 / 1000) % 60;
+
-
if (_loc1 < 10){
+
-
days = "00" + _loc1;
+
-
}else if (_loc1 < 100){
+
-
days = "0" + _loc1;
+
-
}else{
+
-
days = _loc1;
+
-
}  
+
-
if (_loc4 < 10){
+
-
hours = "0" + _loc4;
+
-
}else{
+
-
hours = _loc4;
+
-
}
+
-
if (_loc5 < 10){
+
-
minutes = "0" + _loc5;
+
-
}else{
+
-
minutes = _loc5;
+
-
}
+
-
if (_loc3 < 10){
+
-
seconds = "0" + _loc3;
+
-
}else{
+
-
seconds = _loc3;
+
-
}
+
-
countdown.innerHTML=days+":"+hours+":"+minutes+":"+seconds;
+
-
}
+
-
setTimeout(countdownTimer,500);
+
-
}
+
-
window.onload=function(){
+
-
jamboree=new Date(2013,5,28);
+
-
countdown=document.getElementById("countdown");
+
-
countdownTimer();
+
-
}
+
</script>
</script>
 +
<style>
 +
#pics { 
 +
    height:  232px; 
 +
    width:  232px; 
 +
    padding: 0; 
 +
    margin:  0; 
 +
}
 +
 +
#pics img { 
 +
    padding: 15px; 
 +
    border:  1px solid #ccc; 
 +
    background-color: #eee; 
 +
    width:  200px;
 +
    height: 200px;
 +
    top:  0;
 +
    left: 0
 +
}
 +
</style>
</head>
</head>
<body>
<body>
-
<div id="countdown">
+
<div id="pics">
-
</div>
+
    <img src="http://www.efsanelermeydani.com/sampiyonlar/kostum/Teemo_Splash_4.jpg" width="200" height="200" />
 +
    <img src="http://i.neoseeker.com/n/7/ez_pulsefire_art.jpg" width="200" height="200" />
 +
    <img src="http://media-copper.cursecdn.com/attachments/28/722/garen_steellegion_splash.jpg" width="200" height="200" />  
 +
</div>  
</body>
</body>
</html>
</html>
-
 
<forum_subtle/>
<forum_subtle/>

Revision as of 09:10, 13 June 2013



<forum_subtle/>