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 ////...")
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> -->
 +
<!--
<!--
Line 30: Line 33:
-
<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 82: Line 63:
</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-->

Revision as of 20:49, 17 September 2012

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



This is a demo page. You can view the supporting article here
More script and css style : www.htmldrive.net

Photo Credit: Hazrul Abdul Halim

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