Team:NTNU Trondheim/Test

From 2011.igem.org

(Difference between revisions)
Line 6: Line 6:
<script src="https://2011.igem.org/Team:NTNU_Trondheim/scripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="https://2011.igem.org/Team:NTNU_Trondheim/scripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="https://2011.igem.org/Team:NTNU_Trondheim/scripts/jquery.slideviewer.1.2.js" type="text/javascript"></script>
<script src="https://2011.igem.org/Team:NTNU_Trondheim/scripts/jquery.slideviewer.1.2.js" type="text/javascript"></script>
 +
 +
<style type="text/css">
 +
.svw {width: 50px; height: 20px; background: #fff  ;}
 +
.svw ul {position: relative; left: -999em;}
 +
 +
/*core classes*/
 +
.stripViewer {
 +
position: relative;
 +
overflow: hidden;
 +
border: 5px solid #ff0000  ; 
 +
margin: 0 0 1px 0;
 +
}
 +
.stripViewer ul { /* this is your UL of images */
 +
margin: 0;
 +
padding: 0;
 +
position: relative;
 +
left: 0;
 +
top: 0;
 +
width: 1%;
 +
list-style-type: none;
 +
}
 +
.stripViewer ul li {
 +
float:left;
 +
}
 +
.stripTransmitter {
 +
overflow: auto;
 +
width: 1%;
 +
}
 +
.stripTransmitter ul {
 +
margin: 0;
 +
padding: 0;
 +
position: relative;
 +
list-style-type: none;
 +
}
 +
.stripTransmitter ul li{
 +
width: 20px;
 +
float:left;
 +
margin: 0 1px 1px 0;
 +
}
 +
.stripTransmitter a{
 +
font: bold 10px Verdana, Arial;
 +
text-align: center;
 +
line-height: 22px;
 +
background: #ff0000  ;
 +
color: #fff  ;
 +
text-decoration: none;
 +
display: block;
 +
}
 +
.stripTransmitter a:hover, a.current{
 +
background: #fff  ;
 +
color: #ff0000  ;
 +
}
 +
 +
/*tooltips formatting*/
 +
.tooltip
 +
{
 +
padding: 0.5em;
 +
background: #fff  ;
 +
color: #000  ;
 +
border: 5px solid #dedede  ;
 +
}
 +
 +
</style>
 +
 +
<div id="mygalone" class="svw">
 +
    <ul>
 +
        <li><img alt="abc defrg thysu ooip jkifbtg fff"  src="https://static.igem.org/mediawiki/2011/thumb/6/6d/Teamntnu.JPG/500px-Teamntnu.JPG" /></li>
 +
    </ul>
 +
</div> 
 +
 +
<script type="text/javascript">
 +
    $(window).bind("load", function() {
 +
    $("div#mygalone").slideView()
 +
});
 +
</script>
 +
 +
<script type="text/javascript">
 +
    $(window).bind("load", function() {
 +
    $("div#mygalone").slideView({toolTip: true, ttOpacity: 0.5}) // ttOpacity can be 0.1 to 1.0
 +
});
 +
</script>
</html>
</html>
{{:Team:NTNU_Trondheim/Test/footer}}
{{:Team:NTNU_Trondheim/Test/footer}}

Revision as of 16:51, 23 August 2011


  • abc defrg thysu ooip jkifbtg fff

Sponsors

Retrieved from "http://2011.igem.org/Team:NTNU_Trondheim/Test"