想請問各位大大，在下將網站上架後，發現
1.動畫在safari無法顯示
2.圖片在各種瀏覽器皆無法顯示(圖片名稱皆為英文）

故來請問大大們，希望可以得到解答！

1.以下是動畫的編程:

• JS

var canvas;
var logo;
function preload() {
  logo = loadAnimation('img/assets/b1.png', 'img/assets/b2.png', 'img/assets/b3.png','img/assets/b4.png','img/assets/b5.png','img/assets/b6.png');
}
function setup() {
  canvas = createCanvas(500, 500);
  canvas.parent('mycanvas');
}
function draw() {
  background(255);
  animation(logo, 300, 250);
}

• Html

 <div class="rows">
  <div class="myP5" id="mycanvas" style="height: 30%; width: 30%;" >
    <script src="js/animation.js" type = "text/javascript"/></script>
  </div>
 </div> 

2.以下是圖片的編程:

<div class="card-container col-sm-4 col-md-4 centered" style="display: block">
    <div class="card overlay" target="_blank" data-toggle="modal" data-target="#mymodal">
       <div class="bg" aria-label="Image" style="background-image: url("img/assets/music/aaa.png);" ></div> 
          <div class="card-text" >  
            <h3>aaa</h3>
            <p>xxx</p>
        </div>
    </div>
 </div>

謝謝：）

謝謝大家，問題已解決！