PreCarga

Carvajal escrito el 07.02.PM a las 18:18 horas

En años anteriores usábamos un poco las precargas y mostrábamos algún tipo de animación en lo que la pagina estaba lista para el usuario (esos detalles ya los he olvidado), hay algún modo de mostrar la animación o el circulito girando en lo que la pagina se carga bien para los usuarios, no es mucho lo que demora mi pagina en cargar pero en el primer vistazo algunos objetos no están listos o las animaciones no corren hasta después de unos segundo en que has dados scroll down

-->He encontrado un codigo para la pregarca el cual he modificado segun los archivos CSS y JS

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JS and CSS preload example</title>

    <link rel="preload" href="ani.css" as="style">
    <link rel="preload" href="custom_styles.css" as="style">
    <link rel="preload" href="xr_all.css" as="style">
    <link rel="preload" href="xr_fonts.css" as="style">
    <link rel="preload" href="xr_fontsie.css" as="style">
    <link rel="preload" href="xr_fontsrep.css" as="style">
    <link rel="preload" href="xr_ie.css" as="style">
    <link rel="preload" href="xr_ios.css" as="style">
    <link rel="preload" href="xr_main.css" as="style">
    <link rel="preload" href="xr_text.css" as="style">
    <link rel="preload" href="jquery.js" as="script">
    <link rel="preload" href="png.js" as="script">
    <link rel="preload" href="replaceMobileFonts.js" as="script">
    <link rel="preload" href="roe.js" as="script">


    <link rel="stylesheet" href="custom_styles.css">
  </head>

  <body>
    <h1>bouncing balls</h1>
    <canvas></canvas>

    <script src="/index_htm_files/main.js"></script>
  </body>
</html>

lo he insertado en el "Codigo HTML (head)" de las propiedades web, no estoy seguro si esta bien la ubicación y el código en si.

Comentarios

Carlos escrito el 08.02.AM a las 09:22 horas

Hola, ahora mismo no puedo probar el código, pero yo ese código lo pondría en el body de toda la web, el html se suele poner en body la llamada al JS en el head y el CSS en su archivo correspondiente, está tarde haber si tengo algo de tiempo y lo pruebo.

Un saludo

Carvajal escrito el 08.02.PM a las 20:25 horas

Hola, ahora mismo no puedo probar el código, pero yo ese código lo pondría en el body de toda la web, el html se suele poner en body la llamada al JS en el head y el CSS en su archivo correspondiente, está tarde haber si tengo algo de tiempo y lo pruebo.

Un saludo

Vale, espero puedas apoyarme con el tema del código, gracias!

Carlos escrito el 09.02.AM a las 08:25 horas

Hola, pruebe este código en el head de toda la web, puede cambiar la url del archivo.gif por el que usted quiera, y borrar el h1 cargando, un saludo

 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    </head>

  <body>
    
<h1>Cargando</h1>
    
<img src="https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif"> 
    
<script src="/index_htm_files/main.js"></script>
  
</body>
</html>

alejandro-groizard escrito el 09.02.PM a las 14:16 horas

No podemos cargar la pagina creada. Nos vemos con la obligación de dejarles. No llegamos a contactar con nadie de su empresa y hemos perdido nuestro dinero por pensar que era muy facil utilizar magix como antes. Pero desde que trabajan xara dodo sale mal. Estamos muy decepcionados para no recomendarles

Carlos escrito el 09.02.PM a las 15:08 horas

Hola, puede hacer una consulta desde aquí

https://www.magix.com/es/asistencia-tecnica/asistencia-tecnica/

un saludo

Carvajal escrito el 09.02.PM a las 16:24 horas

Hola, pruebe este código en el head de toda la web, puede cambiar la url del archivo.gif por el que usted quiera, y borrar el h1 cargando, un saludo

 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    </head>

  <body>
    
<h1>Cargando</h1>
    
<img src="https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif"> 
    
<script src="/index_htm_files/main.js"></script>
  
</body>
</html>

Gracias parece que esta funcionando mejor!