Tema: Problema, Jquery se carga dos veces o eso creo
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 10/03/2014, 21:52
Avatar de Luisa29
Luisa29
 
Fecha de Ingreso: enero-2013
Mensajes: 193
Antigüedad: 11 años, 9 meses
Puntos: 4
Respuesta: Problema, Jquery se carga dos veces o eso creo
Cita:
Iniciado por sonickseven Ver Mensaje
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.