Europe/Contact

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<head>
+
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+
-
    <script src="https://raw.github.com/gilbitron/Lean-Slider/master/lean-slider.js"></script>
+
-
    <link rel="stylesheet" href="https://raw.github.com/gilbitron/Lean-Slider/master/lean-slider.css" type="text/css" />
+
-
</head>
+
<html>
<html>
-
 
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
 +
    <!--<script src="https://raw.github.com/gilbitron/Lean-Slider/master/lean-slider.js"></script>-->
 +
    <link rel="stylesheet" href="https://raw.github.com/gilbitron/Lean-Slider/master/lean-slider.css" type="text/css" />
<!--Design provided by <a href="https://igem.org/Main_Page">iGEM Main page</a>/-->
<!--Design provided by <a href="https://igem.org/Main_Page">iGEM Main page</a>/-->
-
 
-
 
-
 
<link rel="stylesheet" type="text/css" href="/Template:Regional_Europe_2013_Page_CSS?action=raw&ctype=text/css" >
<link rel="stylesheet" type="text/css" href="/Template:Regional_Europe_2013_Page_CSS?action=raw&ctype=text/css" >
<!-- jQuery library (served from Google)  
<!-- jQuery library (served from Google)  
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>-->
 +
<script>
 +
/*
 +
* Lean Slider v1.0
 +
* http://dev7studios.com/lean-slider
 +
*
 +
* Copyright 2012, Dev7studios
 +
* Free to use and abuse under the MIT license.
 +
* http://www.opensource.org/licenses/mit-license.php
 +
*/
 +
 +
;(function($) {
 +
 +
    $.fn.leanSlider = function(options) {
 +
   
 +
        // Defaults
 +
        var defaults = {
 +
            pauseTime: 4000,
 +
            pauseOnHover: true,
 +
            startSlide: 0,
 +
            directionNav: '',
 +
            directionNavPrevBuilder: '',
 +
            directionNavNextBuilder: '',
 +
            controlNav: '',
 +
            controlNavBuilder: '',
 +
            prevText: 'Prev',
 +
            nextText: 'Next',
 +
            beforeChange: function(){},
 +
            afterChange: function(){},
 +
            afterLoad: function(){}
 +
        };
 +
       
 +
        // Set up plugin vars
 +
        var plugin = this,
 +
            settings = {},
 +
            slider = $(this),
 +
            slides = slider.children(),
 +
            currentSlide = 0,
 +
            timer = 0;
 +
       
 +
        var init = function() {
 +
            // Set up settings
 +
            settings = $.extend({}, defaults, options);
 +
               
 +
            // Add inital classes
 +
            slider.addClass('lean-slider');
 +
            slides.addClass('lean-slider-slide');
 +
           
 +
            currentSlide = settings.startSlide;
 +
            if(settings.startSlide < 0 || settings.startSlide >= slides.length) currentSlide = 0;
 +
            $(slides[currentSlide]).addClass('current');
 +
           
 +
            // Set up directionNav
 +
            if(settings.directionNav && $(settings.directionNav).length){
 +
                var prevNav = $('<a href="#" class="lean-slider-prev">'+ settings.prevText +'</a>'),
 +
                    nextNav = $('<a href="#" class="lean-slider-next">'+ settings.nextText +'</a>');
 +
                if(settings.directionNavPrevBuilder) prevNav = $(settings.directionNavPrevBuilder.call(this, settings.prevText));
 +
                if(settings.directionNavNextBuilder) nextNav = $(settings.directionNavNextBuilder.call(this, settings.nextText));
 +
                   
 +
                prevNav.on('click', function(e){
 +
                    e.preventDefault();
 +
                    plugin.prev();
 +
                });
 +
                nextNav.on('click', function(e){
 +
                    e.preventDefault();
 +
                    plugin.next();
 +
                });
 +
       
 +
                $(settings.directionNav).append(prevNav);
 +
                $(settings.directionNav).append(nextNav);
 +
            }
 +
           
 +
            // Set up controlNav
 +
            if(settings.controlNav && $(settings.controlNav).length){
 +
                slides.each(function(i){
 +
                    var controlNav = $('<a href="#" class="lean-slider-control-nav">'+ (i + 1) +'</a>');
 +
                    if(settings.controlNavBuilder) controlNav = $(settings.controlNavBuilder.call(this, i, $(slides[i])));
 +
                   
 +
                    controlNav.on('click', function(e){
 +
                        e.preventDefault();
 +
                        plugin.show(i);
 +
                    });
 +
                   
 +
                    $(settings.controlNav).append(controlNav);
 +
                });
 +
            }
 +
           
 +
            // Set up pauseOnHover
 +
            if(settings.pauseOnHover && settings.pauseTime && settings.pauseTime > 0){
 +
                slider.hover(
 +
                    function () {
 +
                        clearTimeout(timer);
 +
                    },
 +
                    function () {
 +
                        doTimer();
 +
                    }
 +
                );
 +
            }
 +
           
 +
            // Initial processing
 +
            updateControlNav();
 +
            doTimer();
 +
           
 +
            // Trigger the afterLoad callback
 +
            settings.afterLoad.call(this);
 +
           
 +
            return plugin;
 +
        };
 +
 +
        // Process timer
 +
        var doTimer = function(){
 +
            if(settings.pauseTime && settings.pauseTime > 0){
 +
                clearTimeout(timer);
 +
                timer = setTimeout(function(){ plugin.next(); }, settings.pauseTime);
 +
            }
 +
        };
 +
       
 +
        // Update controlNav
 +
        var updateControlNav = function(){
 +
            if(settings.controlNav){
 +
                $('.lean-slider-control-nav', settings.controlNav).removeClass('active');
 +
                $($('.lean-slider-control-nav', settings.controlNav).get(currentSlide)).addClass('active');
 +
            } 
 +
        };
 +
       
 +
        // Prev
 +
        plugin.prev = function(){
 +
            // Trigger the beforeChange callback
 +
            settings.beforeChange.call(this, currentSlide);
 +
       
 +
            currentSlide--;
 +
            if(currentSlide < 0) currentSlide = slides.length - 1;
 +
            slides.removeClass('current');
 +
            $(slides[currentSlide]).addClass('current');
 +
            updateControlNav();
 +
            doTimer();
 +
           
 +
            // Trigger the afterChange callback
 +
            settings.afterChange.call(this, currentSlide);
 +
        };
 +
       
 +
        // Next
 +
        plugin.next = function(){
 +
            // Trigger the beforeChange callback
 +
            settings.beforeChange.call(this, currentSlide);
 +
           
 +
            currentSlide++;
 +
            if(currentSlide >= slides.length) currentSlide = 0;
 +
            slides.removeClass('current');
 +
            $(slides[currentSlide]).addClass('current');
 +
            updateControlNav();
 +
            doTimer();
 +
           
 +
            // Trigger the afterChange callback
 +
            settings.afterChange.call(this, currentSlide);
 +
        };
 +
       
 +
        // Show
 +
        plugin.show = function(index){
 +
            // Trigger the beforeChange callback
 +
            settings.beforeChange.call(this, currentSlide);
 +
           
 +
            currentSlide = index;
 +
            if(currentSlide < 0) currentSlide = slides.length - 1;
 +
            if(currentSlide >= slides.length) currentSlide = 0;
 +
            slides.removeClass('current');
 +
            $(slides[currentSlide]).addClass('current');
 +
            updateControlNav();
 +
            doTimer();
 +
           
 +
            // Trigger the afterChange callback
 +
            settings.afterChange.call(this, currentSlide);
 +
        };
 +
       
 +
        // Call constructor
 +
        return init();
 +
    };
 +
   
 +
})(jQuery);
 +
</script>
 +
<script type="text/javascript">
<script type="text/javascript">

Revision as of 23:34, 28 August 2013


Latin America Regional Jamboree
4 – 5 – 6 October
Universidad Mayor - CHILE






ORGANIZING COMMITTEE: igem@umayor.cl
COORDINATOR: Ismael Espinoza
POSTAL ADDRESS: Universidad Mayor – Asturias 336, Las Condes - Santiago - CHILE