problema con blockUI y .gif

sirdaiz · #1 (**permalink**) 22/04/2013, 09:22

Tengo el siguiente codigo:

Código:

function trabajando(){
$.blockUI({ 
	message: $("#spinner2") ,
});
					
}

y

Código:

<div id="spinner2" style="display:none;">       		
        <img src="ruta/loading2.gif')}">
</div>

MI problema es que en IE no funciona, sin embargo en mozillo y chrome si

Alguna sugerencia?

emprear · #2 (**permalink**) 22/04/2013, 09:49

Yo la veo funcionar, eso sí, remove esto
')}
de la ruta de tu imagen

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="http://www.malsup.com/jquery/block/jquery.blockUI.js.pagespeed.jm.XfVHjH8Jsm.js"></script>
<script type="text/javascript">
//<![CDATA[
function trabajando(){
        $.blockUI({ message: $('#spinner2') });          
        setTimeout($.unblockUI, 2000);          
}
//]]>
</script>
</head>
<body>
<button onclick="trabajando();">efecto</button>
<div id="spinner2" style="display:none;">               
<img src="https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/isabelM/img/casablanca-250x350.jpg">
</div>
</body>
</html>

SAludos

sirdaiz · #3 (**permalink**) 23/04/2013, 01:44

Lo siento eso lo tengo bien, solo que al modificar mi codigo se me olvido borrar eso,
<img src="ruta/loading2.gif">
Alguna otra sugerencia xk la q no funcione en ie y en otros navegadores si

emprear · #4 (**permalink**) 23/04/2013, 06:23

Con que ejecutes el código que te pasé te vas a dar cuenta que si funciona en IE
Sin mencionar todas las demos que están en la página del plugin