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);
