Team:BV CAPS Kansas/Project/Future

From 2013hs.igem.org

(Difference between revisions)
Line 81: Line 81:
<script type="text/javascript"        src ="https://2013hs.igem.org/forum/forum_scripts.js"></script>
<script type="text/javascript"        src ="https://2013hs.igem.org/forum/forum_scripts.js"></script>
-
<!-- slide script starts here -->
 
-
 
-
<script type="text/javascript">
 
-
function slider() {
 
-
    var $current = $('#slides IMG.current');
 
-
 
-
    if ( $current.length == 0 ) $current = $('#slides IMG:last');
 
-
    var $next =  $current.next().length ? $current.next()
 
-
        : $('#slides IMG:first');
 
-
 
-
      $current.addClass('previous');
 
-
    $next.css({opacity: 0.0})
 
-
        .addClass('current')
 
-
        .animate({opacity: 1.0}, 2500, function() {
 
-
            $current.removeClass('current previous');
 
-
        });
 
-
 
-
var $navicurrent = $('.progress li.current');
 
-
if($navicurrent.length ==0) $navicurrent = $('.progress li:last');
 
-
var $navinext = $navicurrent.next().length ? $navicurrent.next() : $('.progress li:first');
 
-
$navicurrent.addClass('previous');
 
-
$navicurrent.removeClass('current previous');
 
-
$navinext.addClass('current').animate({opacity: 1.0}, 2500, function() {
 
-
        });
 
-
 
-
$('.progress li').click(function(){
 
-
   
 
-
var $ncurrent = $(this);
 
-
        $('.progress li').removeClass('current').removeClass('previous');
 
-
        $('#slides IMG').removeClass('current').removeClass('previous');
 
-
        $ncurrent.addClass('current');
 
-
        var ncurrentindex = $ncurrent.index();
 
-
if(  ncurrentindex=== 0) $current = $('#slides IMG:first');
 
-
        if(  ncurrentindex=== 1) $current = $('#slides IMG:eq(1)');
 
-
        if(  ncurrentindex=== 2) $current = $('#slides IMG:eq(2)');
 
-
        if(  ncurrentindex=== 3) $current = $('#slides IMG:last');
 
-
        $current.addClass('current');
 
-
 
-
});
 
-
 
-
}
 
-
$(function() {
 
-
    setInterval( "slider()", 5000 );
 
-
});
 
-
 
-
</script>
 
-
 
-
</script>
 
-
 
-
<!-- slide script ends here -->
 
<style type="text/css">
<style type="text/css">
<!-- beginning of slider style -->
<!-- beginning of slider style -->
Line 398: Line 348:
.progress li{
.progress li{
-
border:1px solid rgba(0,0,0,0.9);
+
border:1px solid rgba(0,0,0,0.0);
border-radius:3px;
border-radius:3px;
margin-left: 5px;
margin-left: 5px;
Line 405: Line 355:
position:relative;
position:relative;
z-index:10;
z-index:10;
-
background-color:rgba(102,200,255,0.4);
+
background-color:rgba(102,200,255,0.0);
   line-height:1.0em;
   line-height:1.0em;
}
}
Line 412: Line 362:
     padding-left: 6px;
     padding-left: 6px;
     padding-right: 6px;
     padding-right: 6px;
-
     font-size:12px;
+
     font-size:0px;
     line-height:1.0em;
     line-height:1.0em;
}
}
Line 421: Line 371:
.progress .current {
.progress .current {
-
background-color:#FFFFFF;
+
background-color:(0,0,0,0.0);
}
}
Line 1,024: Line 974:
<div id="slides">
<div id="slides">
-
     <img  src="https://static.igem.org/mediawiki/2013hs/d/d9/CyanoSchool.jpg" width="850" height="280" alt="" class="current" />
+
     <img  src="https://static.igem.org/mediawiki/2013hs/1/10/Future_Banner.jpg" width="850" height="280" alt="" class="current" />
-
    <img  src="https://static.igem.org/mediawiki/2013hs/b/b8/Cyanomentor.jpg" width="850" height="280" alt="" />
+
 
-
    <img  src="https://static.igem.org/mediawiki/2013hs/6/62/CyanoTeam.jpg" width="850" height="280" alt="" />
+
-
    <img  src="https://static.igem.org/mediawiki/2013hs/b/bb/CyanoFun.jpg" width="850" height="280" alt="" />
+
</div>
</div>
     <ul class="progress">
     <ul class="progress">

Revision as of 16:54, 8 June 2013

Team:BV CAPS Kansas Team Page Code Testing 2 - 2013hs.igem.org

BV CAPS iGEM Tweets

Our Sponsors

Retrieved from "https://2013hs.igem.org/Team:BV_CAPS_Kansas/Project/Future"

Retrieved from "http://2013hs.igem.org/Team:BV_CAPS_Kansas/Project/Future"