jQuery virtual tour - Para crear visitas virtuales

jQuery virtual tour una extensión para simple panorama viewerr que nos permite jugar un poco más con jQuery añadiendo interactividad al transformar algunas vistas panorámicas en una visita virtual. jQuery virtual tour tiene la particularidad de ser accesible y puede funcionar incluso si el javascript no se ha activado. Para la navegación utiliza las etiquetas estándar < map > y < area /> con las cuales crearemos áreas en nuestro Tour virtual con información adicional. Quizas lo mejor sea que no hay necesidad de utilizar Flash, Quicktime o Java.

Ver Demo - Mas info jQuery virtual tour
Uso
En Nuestro encabezado < head >, realizamos las llamadas correspondientes

PLAIN TEXT

JavaScript:

<link rel="stylesheet" type="text/css" href="css/thickbox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/jquery.panorama.css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.panorama.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("img.advancedpanorama").panorama({
auto_start: 0,
start_position: 0
/* add your execution parameters here */
});
});
</script>
<script type="text/javascript" src="js/cvi_text_lib.js"></script>
<script type="text/javascript" src="js/jquery.advanced-panorama.js"></script>
<script type="text/javascript" src="js/thickbox.js"></script>

En nuestro contenido añadimos la imagen panorámica, y creamos las áreas interactiva mediante coordenadas. Añadimos la clase “thickbox” si se trata de imágenes.

PLAIN TEXT

HTML:

<img src="img/sculpteur.jpg" class="advancedpanorama" width="2448" height="375" usemap="testmap" alt="Atelier du sculpteur" />
<map id="testmap" name="testmap">
<area shape="rect" coords="1653,72,1839,255" href="index.html" alt="vers la salle de formation" />
<area shape="rect" coords="2013,114,2091,210" href="img/statue1.jpg" alt="statues" class="thickbox" />
<area shape="rect" coords="1920,276,2070,351" href="img/gouges.jpg" alt="gouges" class="thickbox" />
</map>

Compartelo

jQuery Virtual Tour — Tablosign said,

Wrote on April 17, 2008 @ 5:39

[...] añadiendo interactividad al transformar algunas vistas panorámicas en una visita virtual. Via Xyberneticos 0 [...]
Xcitingart » JQuery virtual tour said,

Wrote on April 18, 2008 @ 7:33

[...] Link a Jquery Virtual Tour Vía | Xyberneticos [...]
Diego Ignacio said,

Wrote on April 18, 2008 @ 13:58

Esta genial, veo su futuro en algun sistema de venta de casa
Ricardo said,

Wrote on April 18, 2008 @ 20:02

Como lo dice diego... yo tambien le veo futuro en algun proyecto sobre inmobiliarias, muchas gracias amigo... un click mas por este como por otros muchos gracias
Soma + Diseño y desarrollo de aplicaciones para internet » jQuery virtual tour y Visitas virtuales said,

Wrote on April 19, 2008 @ 0:40

[...] un “plugin” para jQuery del que me enconteré en xiberneticos que funciona a partir de simple panorama viewer, además las imágenes pueden ser accesadas aun si [...]
Nestor said,

Wrote on June 10, 2008 @ 11:43

Excelente extensión, la empeze a utilizar en un pequeño proyecto, pero no quiero que sea 360° sino que tenga un inicio y fin del recorrido no sé si me explico. Se que con

$(document).ready(function(){
$("img.advancedpanorama").panorama({
auto_start: 0,
start_position: 1527
});
});

empieza, pero ¿como la detengo?...por ejemplo si quiero que se detenga en la posición 500
¿no sé si me explico?