Team:AUC TURKEY/Test

From 2013hs.igem.org

(Difference between revisions)
Line 4: Line 4:
<head>
<head>
<script type="text/javascript">
<script type="text/javascript">
-
(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);
+
/*!
 +
* jQuery Cycle Lite Plugin
 +
* http://malsup.com/jquery/cycle/lite/
 +
* Copyright (c) 2008-2012 M. Alsup
 +
* Version: 1.7 (20-FEB-2013)
 +
* Dual licensed under the MIT and GPL licenses:
 +
* http://www.opensource.org/licenses/mit-license.php
 +
* http://www.gnu.org/licenses/gpl.html
 +
* Requires: jQuery v1.3.2 or later
 +
*/
 +
;(function($) {
 +
"use strict";
 +
 
 +
var ver = 'Lite-1.7';
 +
var msie = /MSIE/.test(navigator.userAgent);
 +
 
 +
$.fn.cycle = function(options) {
 +
    return this.each(function() {
 +
        options = options || {};
 +
       
 +
        if (this.cycleTimeout)  
 +
            clearTimeout(this.cycleTimeout);
 +
 
 +
        this.cycleTimeout = 0;
 +
        this.cyclePause = 0;
 +
       
 +
        var $cont = $(this);
 +
        var $slides = options.slideExpr ? $(options.slideExpr, this) : $cont.children();
 +
        var els = $slides.get();
 +
        if (els.length < 2) {
 +
            if (window.console)
 +
                console.log('terminating; too few slides: ' + els.length);
 +
            return; // don't bother
 +
        }
 +
 
 +
        // support metadata plugin (v1.0 and v2.0)
 +
        var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {});
 +
        var meta = $.isFunction($cont.data) ? $cont.data(opts.metaAttr) : null;
 +
        if (meta)
 +
            opts = $.extend(opts, meta);
 +
           
 +
        opts.before = opts.before ? [opts.before] : [];
 +
        opts.after = opts.after ? [opts.after] : [];
 +
        opts.after.unshift(function(){ opts.busy=0; });
 +
           
 +
        // allow shorthand overrides of width, height and timeout
 +
        var cls = this.className;
 +
        opts.width = parseInt((cls.match(/w:(\d+)/)||[])[1], 10) || opts.width;
 +
        opts.height = parseInt((cls.match(/h:(\d+)/)||[])[1], 10) || opts.height;
 +
        opts.timeout = parseInt((cls.match(/t:(\d+)/)||[])[1], 10) || opts.timeout;
 +
 
 +
        if ($cont.css('position') == 'static')  
 +
            $cont.css('position', 'relative');
 +
        if (opts.width)  
 +
            $cont.width(opts.width);
 +
        if (opts.height && opts.height != 'auto')  
 +
            $cont.height(opts.height);
 +
 
 +
        var first = 0;
 +
        $slides.css({position: 'absolute', top:0}).each(function(i) {
 +
            $(this).css('z-index', els.length-i);
 +
        });
 +
       
 +
        $(els[first]).css('opacity',1).show(); // opacity bit needed to handle reinit case
 +
        if (msie)  
 +
            els[first].style.removeAttribute('filter');
 +
 
 +
        if (opts.fit && opts.width)  
 +
            $slides.width(opts.width);
 +
        if (opts.fit && opts.height && opts.height != 'auto')  
 +
            $slides.height(opts.height);
 +
        if (opts.pause)  
 +
            $cont.hover(function(){this.cyclePause=1;}, function(){this.cyclePause=0;});
 +
 
 +
        var txFn = $.fn.cycle.transitions[opts.fx];
 +
        if (txFn)
 +
            txFn($cont, $slides, opts);
 +
       
 +
        $slides.each(function() {
 +
            var $el = $(this);
 +
            this.cycleH = (opts.fit && opts.height) ? opts.height : $el.height();
 +
            this.cycleW = (opts.fit && opts.width) ? opts.width : $el.width();
 +
        });
 +
 
 +
        if (opts.cssFirst)
 +
            $($slides[first]).css(opts.cssFirst);
 +
 
 +
        if (opts.timeout) {
 +
            // ensure that timeout and speed settings are sane
 +
            if (opts.speed.constructor == String)
 +
                opts.speed = {slow: 600, fast: 200}[opts.speed] || 400;
 +
            if (!opts.sync)
 +
                opts.speed = opts.speed / 2;
 +
            while((opts.timeout - opts.speed) < 250)
 +
                opts.timeout += opts.speed;
 +
        }
 +
        opts.speedIn = opts.speed;
 +
        opts.speedOut = opts.speed;
 +
 
 +
        opts.slideCount = els.length;
 +
        opts.currSlide = first;
 +
        opts.nextSlide = 1;
 +
 
 +
        // fire artificial events
 +
        var e0 = $slides[first];
 +
        if (opts.before.length)
 +
            opts.before[0].apply(e0, [e0, e0, opts, true]);
 +
        if (opts.after.length > 1)
 +
            opts.after[1].apply(e0, [e0, e0, opts, true]);
 +
       
 +
        if (opts.click && !opts.next)
 +
            opts.next = opts.click;
 +
        if (opts.next)
 +
            $(opts.next).unbind('click.cycle').bind('click.cycle', function(){return advance(els,opts,opts.rev?-1:1);});
 +
        if (opts.prev)
 +
            $(opts.prev).unbind('click.cycle').bind('click.cycle', function(){return advance(els,opts,opts.rev?1:-1);});
 +
 
 +
        if (opts.timeout)
 +
            this.cycleTimeout = setTimeout(function() {
 +
                go(els,opts,0,!opts.rev);
 +
            }, opts.timeout + (opts.delay||0));
 +
    });
 +
};
 +
 
 +
function go(els, opts, manual, fwd) {
 +
    if (opts.busy)  
 +
        return;
 +
    var p = els[0].parentNode, curr = els[opts.currSlide], next = els[opts.nextSlide];
 +
    if (p.cycleTimeout === 0 && !manual)  
 +
        return;
 +
 
 +
    if (manual || !p.cyclePause) {
 +
        if (opts.before.length)
 +
            $.each(opts.before, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });
 +
        var after = function() {
 +
            if (msie)
 +
                this.style.removeAttribute('filter');
 +
            $.each(opts.after, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });
 +
            queueNext(opts);
 +
        };
 +
 
 +
        if (opts.nextSlide != opts.currSlide) {
 +
            opts.busy = 1;
 +
            $.fn.cycle.custom(curr, next, opts, after);
 +
        }
 +
        var roll = (opts.nextSlide + 1) == els.length;
 +
        opts.nextSlide = roll ? 0 : opts.nextSlide+1;
 +
        opts.currSlide = roll ? els.length-1 : opts.nextSlide-1;
 +
    } else {
 +
      queueNext(opts);
 +
    }
 +
 
 +
    function queueNext(opts) {
 +
        if (opts.timeout)
 +
            p.cycleTimeout = setTimeout(function() { go(els,opts,0,!opts.rev); }, opts.timeout);
 +
    }
 +
}
 +
 
 +
// advance slide forward or back
 +
function advance(els, opts, val) {
 +
    var p = els[0].parentNode, timeout = p.cycleTimeout;
 +
    if (timeout) {
 +
        clearTimeout(timeout);
 +
        p.cycleTimeout = 0;
 +
    }
 +
    opts.nextSlide = opts.currSlide + val;
 +
    if (opts.nextSlide < 0) {
 +
        opts.nextSlide = els.length - 1;
 +
    }
 +
    else if (opts.nextSlide >= els.length) {
 +
        opts.nextSlide = 0;
 +
    }
 +
    go(els, opts, 1, val>=0);
 +
    return false;
 +
}
 +
 
 +
$.fn.cycle.custom = function(curr, next, opts, cb) {
 +
    var $l = $(curr), $n = $(next);
 +
    $n.css(opts.cssBefore);
 +
    var fn = function() {$n.animate(opts.animIn, opts.speedIn, opts.easeIn, cb);};
 +
    $l.animate(opts.animOut, opts.speedOut, opts.easeOut, function() {
 +
        $l.css(opts.cssAfter);
 +
        if (!opts.sync)
 +
            fn();
 +
    });
 +
    if (opts.sync)
 +
        fn();
 +
};
 +
 
 +
$.fn.cycle.transitions = {
 +
    fade: function($cont, $slides, opts) {
 +
        $slides.not(':eq(0)').hide();
 +
        opts.cssBefore = { opacity: 0, display: 'block' };
 +
        opts.cssAfter = { display: 'none' };
 +
        opts.animOut = { opacity: 0 };
 +
        opts.animIn = { opacity: 1 };
 +
    },
 +
    fadeout: function($cont, $slides, opts) {
 +
        opts.before.push(function(curr,next,opts,fwd) {
 +
            $(curr).css('zIndex',opts.slideCount + (fwd === true ? 1 : 0));
 +
            $(next).css('zIndex',opts.slideCount + (fwd === true ? 0 : 1));
 +
        });
 +
        $slides.not(':eq(0)').hide();
 +
        opts.cssBefore = { opacity: 1, display: 'block', zIndex: 1 };
 +
        opts.cssAfter = { display: 'none', zIndex: 0 };
 +
        opts.animOut = { opacity: 0 };
 +
        opts.animIn = { opacity: 1 };
 +
    }
 +
};
 +
 
 +
$.fn.cycle.ver = function() { return ver; };
 +
 
 +
// @see: http://malsup.com/jquery/cycle/lite/
 +
$.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);
$(function() {
$(function() {
     $("#pics").cycle();
     $("#pics").cycle();

Revision as of 09:12, 13 June 2013



<forum_subtle/>

Retrieved from "http://2013hs.igem.org/Team:AUC_TURKEY/Test"