Team:BV CAPS Kansas/Gallery

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 383: Line 334:
     z-index:3;
     z-index:3;
     opacity:1.0;
     opacity:1.0;
-
}
 
-
 
-
#slides .previous {
 
-
    z-index:2;
 
}
}
.progress {
.progress {
-
margin-top:-270px;
+
margin-top:0px;
-
margin-left:20px;
+
margin-left:0px;
position:absolute;
position:absolute;
Line 398: Line 345:
.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:0px;
-
margin-left: 5px;
+
margin-left: 0px;
float:left;
float:left;
display:block;
display:block;
position:relative;
position:relative;
-
z-index:10;
+
z-index:0;
-
background-color:rgba(102,200,255,0.4);
+
background-color:rgba(102,200,255,0.0);
-
   line-height:1.0em;
+
   line-height:0.0em;
}
}
Line 412: Line 359:
     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 368:
.progress .current {
.progress .current {
-
background-color:#FFFFFF;
+
background-color:(0,0,0,0.0);
}
}
Line 1,024: Line 971:
<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/6/62/Fun_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 15:56, 8 June 2013

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

BV CAPS iGEM Tweets

Our Sponsors

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