Buenas!
Estoy usando el plugin spritely, funciona perfecto en todo hasta en ie pero en chrome no, lo que me parece extraño.
dejare los codigos a ver si ven algo que yo no vea
Código HTML:
<!DOCTYPE HTML>
<html lang="es">
<head>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="css/styleie8.css" type="text/css">
<![endif]-->
<title>prueba</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="css/media.css" type="text/css">
<link rel="stylesheet" href="css/spritely.css" type="text/css">
<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="scripts/sprt.js" type="text/javascript"></script>
<script src="scripts/jquery.spritely-0.5.js" type="text/javascript"></script>
</head>
<body>
<div class="pagewrap">
*
<div id="fijo">
<nav>
<ul>
<li><a href="javascript:$.scrollTo('#section1',800);">inicio</a></li>
<li><a href="javascript:$.scrollTo('#section2',800);">Acerca</a></li>
<li><a href="javascript:$.scrollTo('#section3',800);">Trabajos</a></li>
<li><a href="javascript:$.scrollTo('#section4',800);">Contacto</a></li>
</ul>
</nav>
</div>
<div id="section1">
<div id="space1" class="stage"></div>
</div>
<div id="section2">
<div id="space2" class="stage"></div>
</div>
<div id="section3">
<div id="space3" class="stage"></div>
</div>
<div id="section4">
<div id="space4" class="stage"></div>
</div>
</div>
<script type="text/javascript" src="scripts/jquery.scrollto.js"></script>
</body>
</html>
sprt.js
Código HTML:
(function($) {
$(document).ready(function() {
$('#bird')
.sprite({
fps: 9,
no_of_frames: 3,
// the following are optional: new in version 0.6...
start_at_frame: 2,
on_first_frame: function(obj) {
if (window.console) {
console.log('first frame');
}
},
on_last_frame: function(obj) {
// you could stop the sprite here with, e.g.
// obj.spStop();
if (window.console) {
console.log('last frame');
}
},
on_frame: {
2: function(obj) {
// you could change the 'state' of the
// sprite here with, e.g. obj.spState(2);
if (window.console) {
console.log('frame 2');
}
}
}
})
.spRandom({top: 50, bottom: 200, left: 300, right: 320})
.isDraggable()
.activeOnClick()
.active();
$('#clouds').pan({fps: 30, speed: 0.7, dir: 'left', depth: 10});
$('#hill2').pan({fps: 30, speed: 2, dir: 'left', depth: 30});
$('#space1').pan({fps: 30, speed: 3, dir: 'left', depth: 30});
$('#space2').pan({fps: 30, speed: 3, dir: 'left', depth: 30});
$('#space3').pan({fps: 30, speed: 3, dir: 'left', depth: 30});
$('#space4').pan({fps: 30, speed: 3, dir: 'left', depth: 30});
$('#balloons').pan({fps: 30, speed: 3, dir: 'up', depth: 70});
$('#hill2, #space1, #space2, #space3, #space4, #clouds').spRelSpeed(8);
window.page = {
hide_panels: function() {
$('.panel').hide(300);
},
show_panel: function(el_id) {
this.hide_panels();
$(el_id).show(300);
}
}
});
})(jQuery);