Template:Team:MSOE

From 2013.igem.org

(Difference between revisions)
Line 263: Line 263:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
-
<script type="text/javascript" src="http://linacabal.com/juan/s3Slider.js"></script>
 
<script type="text/javascript">
<script type="text/javascript">
 +
/* ------------------------------------------------------------------------
 +
s3Slider
 +
 +
Developped By: Boban Karišik -> http://www.serie3.info/
 +
        CSS Help: Mészáros Róbert -> http://www.perspectived.com/
 +
Version: 1.0
 +
 +
Copyright: Feel free to redistribute the script/modify it, as
 +
  long as you leave my infos at the top.
 +
------------------------------------------------------------------------- */
 +
 +
 +
(function($){ 
 +
 +
    $.fn.s3Slider = function(vars) {     
 +
       
 +
        var element    = this;
 +
        var timeOut    = (vars.timeOut != undefined) ? vars.timeOut : 4000;
 +
        var current    = null;
 +
        var timeOutFn  = null;
 +
        var faderStat  = true;
 +
        var mOver      = false;
 +
        var items      = $("#" + element[0].id + "Content ." + element[0].id + "Image");
 +
        var itemsSpan  = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
 +
           
 +
        items.each(function(i) {
 +
   
 +
            $(items[i]).mouseover(function() {
 +
              mOver = true;
 +
            });
 +
           
 +
            $(items[i]).mouseout(function() {
 +
                mOver  = false;
 +
                fadeElement(true);
 +
            });
 +
           
 +
        });
 +
       
 +
        var fadeElement = function(isMouseOut) {
 +
            var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
 +
            thisTimeOut = (faderStat) ? 10 : thisTimeOut;
 +
            if(items.length > 0) {
 +
                timeOutFn = setTimeout(makeSlider, thisTimeOut);
 +
            } else {
 +
                console.log("Poof..");
 +
            }
 +
        }
 +
       
 +
        var makeSlider = function() {
 +
            current = (current != null) ? current : items[(items.length-1)];
 +
            var currNo      = jQuery.inArray(current, items) + 1
 +
            currNo = (currNo == items.length) ? 0 : (currNo - 1);
 +
            var newMargin  = $(element).width() * currNo;
 +
            if(faderStat == true) {
 +
                if(!mOver) {
 +
                    $(items[currNo]).fadeIn((timeOut/6), function() {
 +
                        if($(itemsSpan[currNo]).css('bottom') == 0) {
 +
                            $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
 +
                                faderStat = false;
 +
                                current = items[currNo];
 +
                                if(!mOver) {
 +
                                    fadeElement(false);
 +
                                }
 +
                            });
 +
                        } else {
 +
                            $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
 +
                                faderStat = false;
 +
                                current = items[currNo];
 +
                                if(!mOver) {
 +
                                    fadeElement(false);
 +
                                }
 +
                            });
 +
                        }
 +
                    });
 +
                }
 +
            } else {
 +
                if(!mOver) {
 +
                    if($(itemsSpan[currNo]).css('bottom') == 0) {
 +
                        $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
 +
                            $(items[currNo]).fadeOut((timeOut/6), function() {
 +
                                faderStat = true;
 +
                                current = items[(currNo+1)];
 +
                                if(!mOver) {
 +
                                    fadeElement(false);
 +
                                }
 +
                            });
 +
                        });
 +
                    } else {
 +
                        $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
 +
                        $(items[currNo]).fadeOut((timeOut/6), function() {
 +
                                faderStat = true;
 +
                                current = items[(currNo+1)];
 +
                                if(!mOver) {
 +
                                    fadeElement(false);
 +
                                }
 +
                            });
 +
                        });
 +
                    }
 +
                }
 +
            }
 +
        }
 +
       
 +
        makeSlider();
 +
 +
    }; 
 +
 +
})(jQuery); 
     $(document).ready(function() {
     $(document).ready(function() {
         $('#slider').s3Slider({
         $('#slider').s3Slider({

Revision as of 16:20, 23 June 2013

  • 1 1

Retrieved from "http://2013.igem.org/Template:Team:MSOE"