Team:Sevilla/Notebook

From 2011.igem.org

(Difference between revisions)

Latest revision as of 22:50, 21 September 2011

Week 1
Week 2

Week 3
Week 4

Week 5
Week 6

Week 7
Week 8

Week 9
Week 10

Week 11
Week 12

Our lab!

@@ Line 5: / Line 5: @@
+<!-- Lab 360 http://www.rockechris.com/jquery/jquery.panorer.js.html -->
+<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> -->
-<img src="https://lh5.googleusercontent.com/-CIHTtaRbdgM/TiAa0Y3zubI/AAAAAAAAAO4/1dhIyuanIzc/s640/IMG_4497.JPG" height="192" width="288" />
+ <script src="http://www.rockechris.com/jquery/jquery.panorer.js"></script>
-<img src="https://lh5.googleusercontent.com/-XwFZY6HcLGw/ThdO1E3FgTI/AAAAAAAAANE/Swz7_vKNSnE/s288/IMG_4496.JPG" height="192" width="288" />
+	<script>
+  $(document).ready(function() {
+ //use panorer plugin.
+    $('#pano').panorer({ 'easing': 'linear', 'direction': "EW" });
-<!-- Lab 360 -->
+});
-<script type="text/javascript">
-  <!--
-		$(function(){
-			$('.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>
+<div style="color:#1F7C83; font-weight:bold;text-transform:uppercase; font-size: 120%;margin-left:170px;"> Our lab! </div>
+</html>{{:Team:Sevilla/Templates/hr|colour=#FFB880|class=lab}}<html>
+</br>
+	<div id="pano" style= "width: 700px; height: 501px;border: medium solid black; position: relative; overflow: hidden;margin-left:170px;">
+         <img alt="Example" src="http://institucional.us.es/igembiouse/360/View_from_Sky_Tower_Akl_small.jpg" style="position: absolute; left: -100.3px;">
+	</div>
-<style>
-/* layout */
-/* 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>