Team:SDU-Denmark/test2

From 2012.igem.org

(Difference between revisions)
(Created page with "<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- //////////// Site Name ////...")
 
(24 intermediate revisions not shown)
Line 19: Line 19:
<!-- //////////// SCRIPTS //////////// -->
<!-- //////////// SCRIPTS //////////// -->
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.imgbox.pack?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.imgbox.pack?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/smoothscroll.js?action=raw&amp;ctype=text/javascript"></script>
<!--<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.min.js?action=raw&amp;ctype=text/javascript"></script> -->
<!--<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.min.js?action=raw&amp;ctype=text/javascript"></script> -->
 +
<!--
<!--
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.easing.1.3.js?action=raw&amp;ctype=text/javascript"></script> -->
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.easing.1.3.js?action=raw&amp;ctype=text/javascript"></script> -->
-
 
-
 
-
 
-
<script type="text/javascript">
 
-
$(document).ready(function() {
 
-
$().piroBox({
 
-
my_speed: 400, //animation speed
 
-
bg_alpha: 0.6, //background opacity
 
-
slideShow : true, // true == slideshow on, false == slideshow off
 
-
slideSpeed : 4, //slideshow duration in seconds(3 to 6 Recommended)
 
-
close_all : '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox
 
-
 
-
});
 
-
});
 
-
</script>
 
-
 
-
<!-- :::::::::::::TEST:::::::::::-->
 
-
 
-
<style>
 
-
.slider-wrapper,.nivoSlider img{
 
-
        width:678px;
 
-
        height:508px;
 
-
        margin-bottom:0px !important;
 
-
   
 
-
    }
 
-
 
-
</style>
 
Line 68: Line 44:
     $window1.scroll(function() {
     $window1.scroll(function() {
-
         if ($window1.scrollTop() > offset.top + 250 ) {
+
         if ($window1.scrollTop() > offset.top ) {
             $sidebar.stop().animate({
             $sidebar.stop().animate({
-
                 marginTop: $window1.scrollTop() - (offset.top + topPadding + 230 )
+
                 marginTop: $window1.scrollTop() - (offset.top + topPadding - 20 )
             });
             });
         } else {
         } else {
Line 82: Line 58:
</script>
</script>
-
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/smoothscroll.js?action=raw&amp;ctype=text/javascript"></script>
 
-
 
-
<!-- //////////// Settings for Nivo Slider //////////// -->
 
-
<script type="text/javascript">
 
-
$(window).load(function() {
 
-
$('#slider').nivoSlider({
 
-
effect:'random',
 
-
slices:15,
 
-
animSpeed:500,
 
-
pauseTime:6000,
 
-
startSlide:0, //Set starting Slide (0 index)
 
-
directionNav:true, //Next &amp; Prev
 
-
directionNavHide:true, //Only show on hover
 
-
controlNav:true, //1,2,3...
 
-
controlNavThumbs:false, //Use thumbnails for Control Nav
 
-
controlNavThumbsSearch: '.jpg', //Replace this with...
 
-
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
 
-
keyboardNav:true, //Use left &amp; right arrows
 
-
pauseOnHover:true, //Stop animation while hovering
 
-
manualAdvance:false, //Force manual transitions
 
-
captionOpacity:0.8, //Universal caption opacity
 
-
beforeChange: function(){},
 
-
afterChange: function(){},
 
-
slideshowEnd: function(){} //Triggers after all slides have been shown
 
-
});
 
-
});
 
-
</script>
 
-
 
-
<script type="text/javascript">
 
-
    $(document).ready(function () {
 
-
 
-
            // transition effect
 
-
            style = 'easeOutBounce';
 
-
            // if the mouse hover the image
 
-
            $('.photo').hover(
 
-
                    function() {
 
-
                            //display heading and caption
 
-
                            $(this).children('div:first').stop(false,true).animate({top:0},{duration:600, easing: style});
 
-
                            $(this).children('div:last').stop(false,true).animate({bottom:0},{duration:600, easing: style});
 
-
                    },
 
-
 
-
                    function() {
 
-
                            //hide heading and caption
 
-
                            $(this).children('div:first').stop(false,true).animate({top:-50},{duration:600, easing: style});
 
-
                            $(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:600, easing: style});
 
-
                    }
 
-
            );
 
-
 
-
    });
 
-
</script>
 
-
 
-
<script type="text/javascript">
 
-
$(function(){
 
-
 
-
$('#contactform').slidinglabels({
 
-
 
-
/* these are all optional */
 
-
topPosition  : '8px',  // how far down you want each label to start
 
-
leftPosition : '8px',  // how far left you want each label to start
 
-
axis        : 'x',    // can take 'x' or 'y' for slide direction
 
-
speed        : 'fast'  // can take 'fast', 'slow', or a numeric value
 
-
 
-
});
 
-
 
-
});
 
-
</script>
 
<!-- script for fixed background-->
<!-- script for fixed background-->
Line 181: Line 91:
<!--:::::::::::::Specific for Gallery:::::::::::::::::::-->
<!--:::::::::::::Specific for Gallery:::::::::::::::::::-->
<style type="text/css">
<style type="text/css">
-
#images a {
+
 
-
margin-right: 14px;
+
-
}
+
#images a img {
#images a img {
-
border: 1px solid #888;
+
border: 1px solid #000000;
-
padding: 3px;
+
margin: 6px;
vertical-align: top;
vertical-align: top;
}
}
Line 196: Line 104:
padding-top: 20px;
padding-top: 20px;
font-size: 10px;
font-size: 10px;
-
border-top: 1px solid #BBB;
+
 
font-family: Verdana;
font-family: Verdana;
}
}
Line 204: Line 112:
$(document).ready(function() {
$(document).ready(function() {
$("#example1-1").imgbox();
$("#example1-1").imgbox();
 +
 +
$("#example4-1").imgbox();
 +
$("#example4-2").imgbox();
 +
$("#example4-3").imgbox();
 +
$("#example4-4").imgbox();
 +
$("#example4-5").imgbox();
 +
$("#example4-6").imgbox();
 +
$("#example4-7").imgbox();
 +
$("#example4-8").imgbox();
 +
$("#example4-9").imgbox();
 +
$("#example4-10").imgbox();
 +
$("#example4-11").imgbox();
 +
$("#example4-12").imgbox();
 +
$("#example4-13").imgbox();
 +
$("#example4-14").imgbox();
 +
$("#example4-15").imgbox();
 +
$("#example4-16").imgbox();
 +
$("#example4-17").imgbox();
 +
$("#example4-18").imgbox();
 +
$("#example4-19").imgbox();
 +
$("#example4-20").imgbox();
 +
$("#example4-21").imgbox();
 +
$("#example4-22").imgbox();
 +
$("#example4-23").imgbox();
 +
 +
 +
$("#example1-2").imgbox({
$("#example1-2").imgbox({
Line 209: Line 144:
'alignment' : 'center'
'alignment' : 'center'
});
});
 +
$("#example1-3").imgbox({
$("#example1-3").imgbox({
Line 220: Line 156:
'alignment' : 'center',
'alignment' : 'center',
'overlayShow' : true,
'overlayShow' : true,
-
'allowMultiple' : false
+
'allowMultiple' : true
});
});
});
});
Line 282: Line 218:
</br>
</br>
</br>
</br>
-
<p>This is a demo page. You can view the supporting article <a href="http://jqueryglobe.com/article/imgbox">here</a><br />
+
<p>
-
More script and css style
+
-
: <a href="http://www.htmldrive.net/" title="HTML DRIVE - Free DHMTL Scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library">www.htmldrive.net </a>
+
</p>
</p>
-
 
-
<hr />
 
<div id="images">
<div id="images">
-
+
 
-
<a id="example1-1" title="" href="http://farm4.static.flickr.com/3498/4006876523_289a8296ee.jpg"><img alt="" src="http://farm4.static.flickr.com/3498/4006876523_289a8296ee_m.jpg" /></a>
+
<a id="example4-1" title="Andreas runder ryggen, klar til innokulering bagfra" href="
-
<a id="example1-2" title="Lorem ipsum dolor sit amet" href="http://farm4.static.flickr.com/3068/3096463741_67b9979fd4.jpg"><img alt="" src="http://farm4.static.flickr.com/3068/3096463741_67b9979fd4_m.jpg" /></a>
+
https://static.igem.org/mediawiki/2012/1/17/TeamSDU03.jpg"><img alt="" src="https://static.igem.org/mediawiki/2012/1/17/TeamSDU03.jpg" width="210px" /></a>
-
<a id="example1-3" title="Maecenas eros massa, pulvinar et sagittis adipiscing, &lt;br /&gt; molestie et arcu" href="http://farm3.static.flickr.com/2642/4003912116_389c3891cf.jpg"><img alt="" src="http://farm3.static.flickr.com/2642/4003912116_389c3891cf_m.jpg" /></a>
+
 
-
+
<a id="example4-2" title="Andreas runder ryggen, klar til innokulering bagfra" href="https://static.igem.org/mediawiki/2012/a/a0/TeamSDU04.jpg"><img alt="" src="https://static.igem.org/mediawiki/2012/a/a0/TeamSDU04.jpg" width="210px" /></a>
-
<a id="example2-1" title="" href="http://farm4.static.flickr.com/3460/3793633187_44790d1f0a_o.jpg"><img alt="" src="http://farm4.static.flickr.com/3460/3793633187_f56bb1bf99_m.jpg" /></a>
+
 
-
<a id="example2-2" title="Maecenas eros massa, pulvinar et sagittis adipiscing, molestie et arcu" href="http://farm4.static.flickr.com/3456/3793633099_3e1e53e4ac_o.jpg"><img alt="" src="http://farm4.static.flickr.com/3456/3793633099_4f9c3e08b3_m.jpg" /></a>
+
<a id="example4-3" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/c/c6/TeamSDU05.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/c/c6/TeamSDU05.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-4" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/5/59/TeamSDU06.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/5/59/TeamSDU06.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-5" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/8/8c/TeamSDU07.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/8/8c/TeamSDU07.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-6" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/b/bd/TeamSDU08.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/b/bd/TeamSDU08.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-7" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/e/e9/TeamSDU09.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/e/e9/TeamSDU09.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-8" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/7/71/TeamSDU10.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/7/71/TeamSDU10.jpg
 +
" width="210px" /></a>
 +
 
 +
<a id="example4-9" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/a/a8/TeamSDU11.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/a/a8/TeamSDU11.jpg
 +
" width="210px" /></a>
 +
 
 +
<a id="example4-10" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/b/b6/TeamSDU12.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/b/b6/TeamSDU12.jpg
 +
" width="210px" /></a>
 +
 
 +
<a id="example4-12" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/2/23/TeamSDU13.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/2/23/TeamSDU13.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-13" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/e/e0/TeamSDU14.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/e/e0/TeamSDU14.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-14" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/8/8a/TeamSDU15.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/8/8a/TeamSDU15.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-15" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/5/5d/TeamSDU16.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/5/5d/TeamSDU16.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-17" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/7/73/TeamSDU17.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/7/73/TeamSDU17.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-18" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/2/2e/TeamSDU18.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/2/2e/TeamSDU18.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-19" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/6/66/TeamSDU19.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/6/66/TeamSDU19.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-20" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/a/a7/TeamSDU20.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/a/a7/TeamSDU20.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-22" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="https://static.igem.org/mediawiki/2012/0/08/TeamSDU21.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/0/08/TeamSDU21.jpg
 +
" width="210px" /></a>
 +
 
 +
<a id="example4-23" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/f/f1/TeamSDU22.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/f/f1/TeamSDU22.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-24" title="Andreas runder ryggen, klar til innokulering bagfra"
 +
href="
 +
https://static.igem.org/mediawiki/2012/7/7a/TeamSDU23.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/2012/7/7a/TeamSDU23.jpg
 +
" width="210px" /></a>
</div>
</div>
 +
 +
 +
 +
<div id="credit">
<div id="credit">
-
Photo Credit: <a href="http://www.flickr.com/photos/hazrulabdulhalim/">Hazrul Abdul Halim</a>
+
</div>
</div>
 
 

Latest revision as of 21:53, 17 September 2012

iGEM TEAM ::: SDU-DENMARK by courtesy of NIAID



Retrieved from "http://2012.igem.org/Team:SDU-Denmark/test2"