Buenas, tengo un problema que me urge bastante solucionar.
Uso el codigo de esta web openstudio.fr
Todo bien, muy bonito y demas. El problema esta en que las imagenes hay veces que no las carga, otras las carga pero se quedan cortadas (no las termina de cargar aunque se sigue viendo el efecto de movimiento) y lo que si que no consigo solucionar es que no me funciona ni en safari ni en chrome.
Es bastante jodido porque necesito si o si que se vea bien en safari.
aqui va el codigo completo por si alguno podeis echarme una mano:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Vista 360</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/jquery.panorama.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.1.css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.panorama.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("img.advancedpanorama").panorama({
auto_start: 1,
speed: 32000
});
});
</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/jquery.flipv.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.thickbox').fancybox();
});
</script>
<style type="text/css">
body {
background: #595959;
text-align: center;
}
h1 {
color: white;
margin-bottom: 2em;
font-family: Verdana;
font-weight: normal;
font-size: 25px;
}
#page {
text-align: center;
color: white;
}
#page a {
color: white;
}
#page .panorama-viewport {
border: 20px solid #414141;
margin-left: auto;
margin-right: auto;
height: 400px !important;
}
#page p {
margin-bottom: 1em;
}
#page .panorama-container{
height: 400px !important;
}
</style>
</head>
<body>
<?
include_once '../config/database.php';
$sql = " SELECT vista, nombre " .
" FROM promociones " .
" WHERE id = ".$_GET['id'];
$qry = mysql_query($sql);
$row = mysql_fetch_assoc($qry);
?>
<div id="page">
<img src="../promociones_vista/<? echo $row['vista'];?>" class="advancedpanorama" height="400px" alt=<? echo utf8_encode($row['nombre'])." ";?> />
</div>
</body>
</html>
Thx