Biomod/2012/TU Dresden/Nanosaurs

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
Line 27: Line 27:
});
});
</script>
</script>
 +
 +
 +
 +
<!--Loading jquery scripts for sliding panel(slideViewer)-->
 +
 +
<script src"http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript"></script>
 +
<script src"http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/jquery.slideviewer.1.2.js" type="text/javascript"></script>
 +
 +
 +
 +
<!--Javascript for the slideViewer
 +
 +
<script type="text/javascript">
 +
 +
$(window).bind("load",function(){
 +
          $("div#image-panel").slideView()
 +
}
 +
);
 +
 +
</script>
 +
Line 177: Line 198:
</style>
</style>
<!-- End of our CSS -->
<!-- End of our CSS -->
 +
 +
 +
<!--Basic CSS for slideViewer-->
 +
 +
/*preload classes*/
 +
.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  ;
 +
}
 +
 +
<!--End of basic CSS for slideViewer-->
 +
 +

Revision as of 14:56, 2 October 2012

/*preload classes*/ .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 ; }

Panorama of Dresden at night















Welcome

Personal tools