Problema, Jquery se carga dos veces o eso creo

Luisa29 · #1 (**permalink**) 09/03/2014, 04:03

Hola amigos, resulta que tengo en una misma página html una cabecera hecha con Adobe Edge que usa Jquery y también un slider que usa Jquery.
Lo malo es que la cabecera a veces carga y a veces no, y en Chrome me da este error:

Código:

Uncaught TypeError: Object #<Object> has no method 'okToLaunchComposition' head_edgePreload.js:5
edgeCallback head_edgePreload.js:5
(anonymous function)                          head_edgePreload.js:2
t                                             head_edgePreload.js:2
d                                             head_edgePreload.js:2
I.b.onreadystatechange.b.onload               head_edgePreload.js:2
I                                             head_edgePreload.js:2
(anonymous function)

Lo que no tengo ni idea de como solucionarlo, ¿me podéis echar una mano? Gracias

Luisa29 · #2 (**permalink**) 09/03/2014, 15:33

Aquí os dejo la página para que le echéis un vistazo:

http://bolivar.uphero.com/

Así podéis ver como la cabecera no carga en Chrome y da error. Si refrescas la página sí llega a cargar.
Si necesitáis algún archivo me lo decís y lo publico, a ver si podéis echarme un cable que esto es grave.

sonickseven · #3 (**permalink**) 10/03/2014, 13:57

uyyyy tu pagina es bastante pesada!!!! no la pude ver llevo mas de un minuto cargarla . Antes que nada piensa en hacer thumbs de las imagenes pequeñas que tienes ahi por me parece que TODAS estan en una alta resolucion y eso hace que la pagina pese mas y a despues te ayudo con lo del head

Luisa29 · #4 (**permalink**) 10/03/2014, 21:52

Cita:

Iniciado por sonickseven

uyyyy tu pagina es bastante pesada!!!! no la pude ver llevo mas de un minuto cargarla . Antes que nada piensa en hacer thumbs de las imagenes pequeñas que tienes ahi por me parece que TODAS estan en una alta resolucion y eso hace que la pagina pese mas y a despues te ayudo con lo del head

Muchas gracias pero he hecho un apaño.

He vuelto a hacer la animación con flash y la he pasado a html5 con Google Swiffy, así ya no da error en Chrome. Pero resulta que esa animación da error de script en IE 8 y anteriores. Lo que me gustaría ahora sería una manera de anular el código del swiffy para que no de error en ie8, mediante por ejemplo algún comentario condicional. ¿Habría alguna manera?

Aquí dejo el código de Swiffy:

Código:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Swiffy output</title>

    <script src="https://www.gstatic.com/swiffy/v6.0/runtime.js"></script>

    <script>
      swiffyobject = {"internedStrings":["::::::0C:","::::::9C:","::::::6V:","::::::8N:","::::000i70p",":359l24hb1G:1G7gam1dbv9c7f9cb9c:3f3CbqYq5Db:3G0H9GbE:I:c:29Q8qa:7gaI3CbhPi4Dc:057f6daIha9J6gaC9Bb:J2d1Cb8cS9gXc:47N2ebF9cI7ha3DFa2Hpb4d7F4m7Ic:757B6eb:tf7caciaNAbW:0Dgbt0C5d2Ec:812c2da:ea8Ema::a8eRc:8EraA:aEaafAc:106FzabsaCRaaAc:98b1NbN9g3M1saN:ax8Ca9e8Jb9b8B4f5Dc:04w6pacia0OuaKXa3ghb5d:5hNc:835B2Dadfa8f6fb8Be5DpaY2HaBFc:31o77Gb1C:8E3gbQ7dL4nai6jb:6et60caJ9faJ9fag7dbkz4c7cbc0cy4db3f4d74b4db0l:0l8Gb:2D6F1Gb9E7B4N3CbSA6CAbQ:3Cba:Ca:5LaJ7XbJ4QJ2Yb:9F2E7NbY7C7D7Cc:40S4FbF:K:b9Lb0V8db0J0e0J1ma:9bbd0cz4eb9f4g89b5gb5C3h5C7qaE4dbB0ef1ibq8g2g9ja:9gb:7g4F7ia5C5Fb9E2K1F7SbD8O2E8ObN:1Cmb9Bu3E9fbX7dX1hb:7d6e5sb0g5r4n5ramAb8cu7kub5l:0o4Kbh6Ce1HaE5DaB1Kb9g2K9p64Db:7I9D1MbV4E1I9Hb5H2D9T2Dc:168c54eb1F:3Jzb8D9b1F8haV0Cb2C3C8F3CbG:Oab0Ls0L18ca:8lbm5l0h5lb7h:2i3IaJ1Jacdb0g0i5s0ib6s:6y4Gbx0Cx8Ib:7D4C2JaKQb5d6E5d7Jb:8C6F5Gb4F8C4N7DbVC1DCc:00E9Eb2C:6Erb2Cw2C4fb:6dj6nah4ib8Ca0G9ca8B2db:1WL45Cb4D5D5G5Db4C:3E4eaTEbD:H:b2G:2G0kaf6ebp4e4g4ea:taF5fbC5fg5kb1c0p9r0pb4c:1fObq5g9h5gb8f:1h8PaA0Ra:2Wbj4EP8HbW9B3F3CbFAMAc:44Pvb8E:2M1cb3J2d2Q7kbVx7C9db7E7O5L7ObE:Kab5Cf3I2kb2E8i2E4lab8bbV5GV0ObO8J0E8JbR:2D8bb8F0h8F5saD2dbB1ee3iby5m9m5mb0c:1eUaabbz9c8i9cb6i:0m8Dbt9Bt4HaBPahibFnF6cao3eb5c0e5m0eb0k:7r7Hb1c7l3h7lb4d:5f5CboYo8EaB0Da::bx3e2g3eb0d:6fYbxXx3EaJ7Qa:Fa8bKavLb:1hu1lbt9ct9eb:yT4ebU9bU8eb:p5f8hb6g4h5m4hb1j:0l9Ha:4Lb:7KD3MbY6F5F8Tb8G0M2S0Mb7B:6Egb8Ci8F0cbP0E0G0EbA:B:b8Fa3H3ga:sbA5G8G1IbSD0DDc:923b24ea8B9fb0D5i6E7kb3CP0D1EbBMA3FbaVF7Ca::axab7d:7j6Cc:06l69Ib9E:0I0cb0C9b9L6haCbbS5D2G3Fb3CL4GLb7D:5Jpb3J7b9Q6haBbbG2E0E5JbY1C6D1Cb9B:3E4ebP7cO8iae3jaJ20dbJ74bJ16daf3ebp0e4g0eb4h:1j04CaA14Ca:2Vbw:8k5Fb1j1G2p4Hb:rr0dbos8czb6Cv6C3fb:2ct9ibt8ft1wb:3qe7sb8b3m5o3mb3i:6k9IbdTd4Lb:9DT1PbT2KT5Pbl6G9B9LbV8B4E3Db6dI3j3Fa3g5Fb6h:5k4nbo3gl2oaT8zbT9wT13cah7dbr5"type":3,"depth":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":2},{"type":9,"actions":[{"type":7}]},{"type":2}],"fileSize":52163,"v":"6.0.0","backgroundColor":-16777216,"frameSize":{"ymin":0,"ymax":3340,"xmin":0,"xmax":18000},"frameCount":113,"frameRate":30,"version":9};
    </script>
    <style>html, body {width: 100%; height: 100%}</style>
  </head>
  <body style="margin: 0; overflow: hidden">
    <div id="swiffycontainer" style="width: 900px; height: 167px">
    </div>
    <script>

      var stage = new swiffy.Stage(document.getElementById('swiffycontainer'),
                                   swiffyobject);

      stage.start();
    </script>
  </body>
</html>

Código html donde está integrado el swiffy:

Código:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
<title>BLOG</title>

        <!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->


<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if gt IE 7]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<link href="<?php $_SERVER['DOCUMENT_ROOT']?>/estilo-pagina.css" rel="stylesheet" type="text/css" />
<style type="text/css">


#contenedor {
    width: 900px;
    margin: 0 auto;
    height: 100%;
    background-color: #000000;
}
</style>

</head>
<body>
<div id="contenedor">
<div id="cabecera" >
  <Iframe  src="<?php $_SERVER['DOCUMENT_ROOT']?>/header.html" width="900px" height="167px" frameborder="0"> </iframe>
</div>
<div id="ie-head" >
   <img src="<?php $_SERVER['DOCUMENT_ROOT']?>/images/Poster2.png" />
</div>
<div id="botonera"><?php include($_SERVER['DOCUMENT_ROOT']."/botonera.php"); ?></div>
<div id="sombra"></div>
<div id="para-contenido"></div>

<div id="sha"><img src="imagenes-blog/shadow-do.png" width="900" height="23"  alt=""/>
</div>
<div id="para-contenido2"><?php include($_SERVER['DOCUMENT_ROOT']."/presentacion.php"); ?></div>
<div id="separador"><img src="<?php $_SERVER['DOCUMENT_ROOT']?>/imagenes-blog/separador.png" /></div>
<div id="sha-do">
</div>
<div id="pie"><?php include($_SERVER['DOCUMENT_ROOT']."/pie.php"); ?></div>
</div>
</body>
</html>

CSS:

Código:

<style type="text/css">

#contenedor {
    width: 900px;
    margin: 0 auto;
    height: 100%;
    background-color: #000000;
    display: inline;
}
body {
    margin: 0;
    padding: 0;
    height: 100%;
background-image: url(imagenes-blog/fondo1.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;

}
#cabecera {
    width: 900px;
    height: 167px;
    background-color: #CCC;

}
.ie8 #cabecera {

    display:none;
}

.ie7 #cabecera {

    display:none;
}

#ie-head {
    width: 900px\9;
        display:none;
    display:block !important\9;
    height: 167px\9;
    background-color: #CCC\9;
    }
.ie8 #ie-head { 
    width: 900px;

    display:block !important;
    height: 167px;
    background-color: #CCC;





}
#sombra {
    width: 900px;
    height: 21px;
    background-image: url(imagenes-blog/sombra.jpg);
        display: inline-block;

}
#botonera {
    width: 900px;
    height: 21px;
background-image: url(imagenes-blog/2blog.jpg);

}
#pie {
    clear: both;
    width: 900px;
    height: 51px;
background-image: url(imagenes-blog/4blog.jpg);
}

#centro {
    width: 900px;
    height: 100%;
    background-image: url(imagenes-blog/fondo.jpg);
    display: inline-block;

}
#para-contenido2 {
    width: 900px;
    height: 100%;
    background-image: url(imagenes-blog/fondo.jpg);
    display: inline-block;
}

#centro_galeria {
    width: 900px;
    height: 100%;
    padding-top: 15px;
    background-image: url(imagenes-blog/fondo.jpg);
}

#sha{
    width: 900px;
    height: 100%;
    background-image: url(imagenes-blog/fondo-layer-shadown.jpg);
    display: inline-block;
}

#separador{
    width: 900px;
    height: 100%;
background-image: url(imagenes-blog/fondo.jpg);
}



#sha-do {
    width: 900px;
    height: 21px;
    background-image: url(imagenes-blog/sombra-pie.jpg);

}

#para-contenido {
    width: 900px;
    height: 100%;
    background-image: url(imagenes-blog/fondo.jpg);
}

#ir-arriba {
    width: 900px;
    height: 35px;
background-image:url(imagenes-blog/sombra-pie-ir-arriba.jpg)

}

#sombra-blog-botonera {
    width: 900px;
    height: 31px;
background-image: url(imagenes-blog/sombra-para-botonera-galeria.jpg);




}
/*CONTENIDO PAGINA DE INDICE DEL BLOG*/


.clr{
    clear:both;
}
#contenedora-indice {
    width: 870px;
    height: 100%;
    margin-bottom: 40px;
    margin-top: 4px;
}
.columna-izquierda {
    width: 250px;
    float: left;
    height: 100%;
    display: block;
}

.columna-derecha {
    width: 250px;
    float: left;
    height: 100%;
    display: block;
    margin-bottom: 0;
    margin-top: 0;
}

.titulo-categorias {
    font-size: 20px;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
    color: #000066;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}

.titulo-indice {
    font-size: 24px;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 6px;
    color: #000066;
    font-family: Consolas;
}

#contenedora-titulo-indice {
    width: 870px;
    height: 100%;
}

#contenedor-gusta {
    width: 900px;
    height: 21px;
    background-image: url(imagenes-blog/fondo.jpg);

}

.div-gusta {
    display: block;
    padding-right: 0px;
     background-color: transparent;
      float: right;



}

En navegadores anteriores a Internet Explorer 9 no funciona el html5 con lo que he puesto una imagen estática mediante un comentario condicional.

El caso es que aparece perfectamente la imagen y a pesar de estar anulada la capa cabecera en estos navegadores sigue leyendo el código del swiffy dando así error de Script.