Team:Sevilla/test

From 2011.igem.org

(Difference between revisions)
(Test 360d)
 
(8 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<link rel="stylesheet" href="http://visuallightbox.com/images/demo/animals/engine/css/visuallightbox.css" type="text/css" media="screen" />
 +
<script src="http://code.jquery.com/jquery-1.4.1.min.js" type="text/javascript"></script>
 +
<div id="vlightbox">
 +
<a class="vlightbox" href="http://visuallightbox.com/images/demo/animals/data/images/2824470507_079523a99b_o.jpg" title="African animals"><img src="http://visuallightbox.com/images/demo/animals/data/thumbnails/2824470507_079523a99b_o.jpg" alt=" " /><span></span></a>
 +
<a class="vlightbox" href="http://visuallightbox.com/images/demo/animals/data/images/2.jpg" title="Not stuffed animal"><img src="http://visuallightbox.com/images/demo/animals/data/thumbnails/2.jpg" alt=" " /><span></span></a>
 +
<a class="vlightbox" href="http://visuallightbox.com/images/demo/animals/data/images/3.jpg" title="Giraffe in the Wild Animal Park in Escondido, CA"><img src="http://visuallightbox.com/images/demo/animals/data/thumbnails/3.jpg" alt=" " /><span></span></a>
 +
<a class="vlightbox" href="http://visuallightbox.com/images/demo/animals/data/images/4.jpg" title="Boquete Panama - mating pair of scarlet macaws."><img src="http://visuallightbox.com/images/demo/animals/data/thumbnails/4.jpg.jpg" alt=" " /><span></span></a>
 +
-
<head>
+
</div>
-
+
-
<title>Panorama 360&deg;</title>
+
-
+
-
<style>
+
-
        html,body,div,span,h1,h2,h3,h4,h5,h6,p,img{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
+
-
body{line-height:1}
+
-
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
+
-
html,body{width:100%;height:100%}
+
-
body{background-color:#777}
+
-
.round{border-radius:6px;-moz-border-radius:6px}
+
-
        </style>
+
-
<style>
+
<script type="text/javascript">  
-
/* layout */
+
var $VisualLightBoxParams$ = {autoPlay:true,borderSize:39,enableSlideshow:true,startZoom:true};
-
.panorama,.panorama-view{width:100%;height:100%;overflow:hidden}
+
</script>
-
.panorama,.panorama-container{position:relative}
+
<script src="http://visuallightbox.com/engine/js/visuallightbox.js" type="text/javascript"></script>
-
.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 */
+
<iframe src="http://institucional.us.es/igembiouse/360/small.html" width="100%" height="300">
-
.panorama-view{cursor:url(../images/openhand.cur),default}
+
  <p>Your browser does not support iframes.</p>
-
.panorama-view.grab{cursor:url(../images/closedhand.cur),default}
+
</iframe>
-
.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}
+
</br>
-
.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>
+
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
+
-
<!-- <script src="js/jquery.mousewheel.min.js"></script>
+
-
<script src="js/jquery.panorama360.js"></script> -->
+
-
+
-
<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();
+
-
});
+
-
</script>
 
-
</head>
 
-
<body>
 
-
<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>
 
-
</body>
 
</html>
</html>

Latest revision as of 15:21, 25 July 2011


Retrieved from "http://2011.igem.org/Team:Sevilla/test"