アニメーション(jsonファイル)を、Lottie.jsを使ってwordpressサイトに配置したいのですが、どうもjsonファイルが404エラーになってアニメーションが表示されません。ページ自体が表示されないのではなく、ファイルが見つからないというエラーログが出ています。
jsonファイルは、他の方にアニメーションをadobeアフターエフェクツで作ってもらいjsonで書き出して頂きました。
ちなみにlottieのサイトでjson動作テストページがあり、そこでは正常にアニメーションします。
参考にしたサイト
https://tivel.jp/archives/11062
上の参考サイトを見る限り、
・html
・Lottie.js
・jsonファイル
だけでできるみたいですが
僕の場合、jquery-3.2.1.min.jsとmain.jsを使っていて、lottie.min.jsのすぐ下にmain.jsを配置して、中に記述しています。
mainJs
1$(function(){ 2const anim = lottie.loadAnimation({ 3 container: document.getElementById('LogoAnimation'), 4 renderer: 'svg', 5 loop: true, 6 autoplay: true, 7 path: 'source_logo.json' 8}); 9});
ちなみにWPテーマのファイル構造は
index.php
functions.php
.
.
(省略)
.
.
jsフォルダ → lottie.min.js、main.js、jquery-3.2.1.min.js
imagesフォルダ → source_logo.json
です。
jsonファイル扱うのは初めてで、他に何か特別な記述が必要なんでしょうか?
情報が不足している場合、ご指摘いただけると助かります。
よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/03/02 06:13