"

From 2011.igem.org

Revision as of 12:41, 22 July 2011 (view source) Robertmm (Talk | contribs) ← Older edit		Revision as of 12:46, 22 July 2011 (view source) Robertmm (Talk | contribs) Newer edit →
Line 14:		Line 14:
		+	<img src="https://sites.google.com/site/bobstringfiles/arcanum/arcanumlab.jpg" data-width="7476" data-height="501" id="image"/>
		+
		+
	<script type="text/javascript">		<script type="text/javascript">
-	<!--	+	$('#image').reel()
-	$(function(){	+	</script>
-	$('.panorama-view').panorama360({	+
-	bind_resize: false // no need to subscribe to window resize event	+
-	});	+
-	});	+
-	-->	+
-	</script>	+
-		+
-	<div class="panorama round" style="padding-left:10px;width:700px;height:500px;">	+
-	<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 .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 12:46, 22 July 2011