Team:Sevilla/test

From 2011.igem.org

(Difference between revisions)
(Test 360d)
Line 1: Line 1:
-
<html>
+
<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 */
+
-
.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>
+
-
<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>
+

Revision as of 15:55, 22 July 2011

<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=" " /></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=" " /></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=" " /></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=" " /></a>


<script type="text/javascript"> var $VisualLightBoxParams$ = {autoPlay:true,borderSize:39,enableSlideshow:true,startZoom:true}; </script> <script src="http://visuallightbox.com/engine/js/visuallightbox.js" type="text/javascript"></script>

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