Team:Sevilla/Notebook

From 2011.igem.org

(Difference between revisions)
(360)
Line 6: Line 6:
<img src="https://lh5.googleusercontent.com/-CIHTtaRbdgM/TiAa0Y3zubI/AAAAAAAAAO4/1dhIyuanIzc/s640/IMG_4497.JPG" height="192" width="288" />            <img src="https://lh5.googleusercontent.com/-XwFZY6HcLGw/ThdO1E3FgTI/AAAAAAAAANE/Swz7_vKNSnE/s288/IMG_4496.JPG" height="192" width="288" />
<img src="https://lh5.googleusercontent.com/-CIHTtaRbdgM/TiAa0Y3zubI/AAAAAAAAAO4/1dhIyuanIzc/s640/IMG_4497.JPG" height="192" width="288" />            <img src="https://lh5.googleusercontent.com/-XwFZY6HcLGw/ThdO1E3FgTI/AAAAAAAAANE/Swz7_vKNSnE/s288/IMG_4496.JPG" height="192" width="288" />
 +
 +
<!-- Lab 360 -->
 +
 +
<script src="https://sites.google.com/site/bobstringfiles/arcanum/jquery.mousewheel.min.js"></script>
 +
<script src="https://sites.google.com/site/bobstringfiles/arcanum/jquery.panorama360.js"></script>
 +
<script>
 +
<!--
 +
$(function(){
 +
$('.panorama-view').panorama360({
 +
bind_resize: false // no need to subscribe to window resize event
 +
});
 +
});
 +
-->
 +
</script>
 +
 +
<div class="panorama round" style="position:absolute;width:700px;height:500px;padding:10px;top:50%;left:50%;margin-top:-260px;margin-left:-360px;background-color:#444;">
 +
<div class="panorama-view">
 +
<div class="panorama-container">
 +
<img src="https://sites.google.com/site/bobstringfiles/arcanum/arcanumlab.jpg" data-width="7476" data-height="501" alt="Panorama" />
 +
</div>
 +
</div>
 +
<a class="info round" href="http://www.arcanumproject.com">Arcanum Lab</a>
 +
</div>
 +
 +
 +
 +
 +
<style>
 +
/* layout */
 +
.panorama,.panorama-view{width:100%;height:100%;overflow:hidden}
 +
.panorama,.panorama-container{position:relative}
 +
.panorama-container img{height:100%;position:absolute;top:0}
 +
.panorama .info,.panorama-view .area{position:absolute;display:block}
 +
.panorama .info{right:10px;bottom:10px}
 +
 +
/* style */
 +
.panorama-view{cursor:url(../images/openhand.cur),default}
 +
.panorama-view.grab{cursor:url(../images/closedhand.cur),default}
 +
.panorama .info{padding:6px;opacity:0.4;background-color:#000;color:#fff;font:11px bold Arial,sans-serif;text-decoration:none}
 +
.panorama .info:hover{opacity:0.6}
 +
.panorama-view .area{opacity:0.2;background-color:#000;cursor:pointer}
 +
.panorama-view .area:hover{opacity:0.4}
 +
.panorama-view img{user-select:none;-o-user-select:none;-moz-user-select:none;-webkit-user-select:none)}
 +
</style>
</html>
</html>

Revision as of 15:03, 19 July 2011