Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

108
Visualizações
¿La animación json no aparecerá en mi sitio web?

Hola, soy un principiante completo, así que lo siento por mi código desordenado (también me disculpo por mi inglés por adelantado).

Actualmente estoy tratando de codificar un sitio web para mí e hice una animación de blender que edité con After Effects y luego exporté con bodymovin. No sé si vinculé mal mi script.js o algo más, pero seguí toneladas de videos y nada parece funcionar porque simplemente no aparece en mi sitio web o recibo errores en mi script.js. Espero estar publicando mi código aquí correctamente.

HTML:

 <div id="cloud"></div> <script src="lottie.js"></script> <script src="script.js"></script>

Guión.js

 var animation = bodymovin.loadAnimation({ container: document.getElementById('cloud') renderer: 'svg', loop: true autoplay: true, path: 'Cloud_1.json' })

¡Gracias por adelantado!

EDITAR:

Mi animación es una nube en movimiento. Uso Brackets pero no se ve en ningún lado en el sitio web.

Actualmente tengo un error en

 `renderer: 'svg',

Y estos son todos los errores que he recibido:

'bodymovin' se utilizó antes de que se definiera. var animación = bodymovin.loadAnimation({ 3
'Procesador' esperado en la columna 1, no en la columna 5. renderizador: 'svg', 3
Se esperaba que '}' coincidiera con '{' de la línea 1 y en su lugar vio 'renderer'. renderizador: 'svg', 3
Se esperaba que ')' coincidiera con '(' de la línea 1 y en su lugar vio ':'. renderer: 'svg', 3
Esperado ';' y en su lugar vio 'svg'. renderizador: 'svg', 3
Se esperaba 'svg' en la columna 1, no en la columna 15. renderer: 'svg', 3
Esperaba una asignación o llamada de función y en su lugar vio una expresión. renderizador: 'svg', 3
Esperado ';' y en su lugar vio ','. renderizador: 'svg', 3
Se esperaba ',' en la columna 1, no en la columna 20. renderer: 'svg', 3
Esperaba un identificador y en su lugar vio ','. renderizador: 'svg', 3
Parada. (42% escaneado). renderizador: 'svg',

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Agregue el CDN de Lottie al encabezado de su archivo:

 <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.8.1/lottie.min.js" integrity="sha512-V1YyTKZJrzJNhcKthpNAaohFXBnu5K9j7Qiz6gv1knFuf13TW/3vpgVVhJu9fvbdW8lb5J6czIhD4fWK2iHKXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

y reemplazar

 var animation = bodymovin.loadAnimation({ container: document.getElementById('cloud') renderer: 'svg', loop: true autoplay: true, path: 'Cloud_1.json' })

Por

 var animation = lottie.loadAnimation({ container: document.getElementById('cloud') renderer: 'svg', loop: true autoplay: true, path: 'Cloud_1.json' })
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda