Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/05/2011, 03:08
alvarranco
 
Fecha de Ingreso: febrero-2011
Mensajes: 11
Antigüedad: 13 años, 10 meses
Puntos: 0
Problema carrusel explorer/firefox

Hola, estoy tratando de hacer un efecto con jquery para que muestre una tabla con dos imagenes en plan "antes y despues", que esa imagen se mueva y luego se cambie por otra. Lo he conseguido hacer funcionar en FF, pero en IE me dice que "se esperaba un objeto".
El código es el siguiente, utilizo las librerias jquery y jquery-ui.
Decir que cuadro.php es simplemente una table que se rellena tomando valores para las imagenes desde una base de datos.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="scripts/jquery-1.5.1.min.js" language="javascript" type="application/javascript"></script>
<script src="scripts/jquery-ui-1.8.12.custom.min.js" language="javascript" type="application/javascript"></script>
<style>
.toggler { width: 500px; height: 700px; position: relative; }
#button { padding: .5em 1em; text-decoration: none; }
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; }
</style>

<script type="text/javascript" language="javascript">
jQuery(document).ready(function() {

function runEffect() {

var options = {};
$("#effect").effect("shake", options, 500, callback);
};
function callback() {
var options = {};
$( "#effect" ).effect( "drop", options, 500, cambiar );
};
function cambiar(){
jQuery("#"+"effect").html("<img src='fotografico/blanco.jpg' style='align:auto; title='cargando'>");
jQuery("#"+"effect").load("cuadro.php");

setTimeout(function() {
$("#effect").removeAttr("style").hide().fadeIn() ;
setTimeout(function(){
runEffect();

},500);

}, 300 );


}


runEffect();
})


</script>

</head>

<body>

<div class="demo">

<div class="toggler">
<div id="effect" class="ui-widget-content ui-corner-all">
<?php include("cuadro.php");?>
</div>
</div>



</div>


</body>
</html>

Echademe una mano por favor, Internet Explorer hace mi día a día más largo, más tedioso, bfffffff.
Gracias de antemano

Última edición por alvarranco; 17/05/2011 a las 03:42