iT邦幫忙

0

[已解決] 網站上架後動畫及圖片皆無法顯示

想請問各位大大,在下將網站上架後,發現
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>

謝謝:)

謝謝大家,問題已解決!

dragonH iT邦超人 5 級 ‧ 2019-05-17 23:13:54 檢舉
1.
https://codepen.io/dragonH/pen/jowWVV?editors=0010
看不出來有啥問題
請善用f12找問題
2.
<div class="bg" aria-label="Image" style="background-image:url('img/assets/music/aaa.png');" ></div>
小魚 iT邦大師 1 級 ‧ 2019-05-17 23:29:19 檢舉
你至少要貼個連結,
其他人才有辦法幫你看...
很多不見得問題是出在你貼出來的那部分.
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
echochio
iT邦高手 1 級 ‧ 2019-05-18 11:27:10

試過有些格式 safari 不會顯示....
那些會顯示要自己試
無法顯示也有可能是路徑問題,這方面查一下

abbienew iT邦新手 5 級 ‧ 2019-05-20 15:23:51 檢舉

好的

0
bestlong
iT邦研究生 4 級 ‧ 2019-05-19 23:01:20

目前主流的瀏覽器都有內建開發者工具
應該會提供一些資訊

abbienew iT邦新手 5 級 ‧ 2019-05-20 15:24:00 檢舉

了解

0
舜~
iT邦高手 1 級 ‧ 2019-05-20 09:57:44

2.圖片在各種瀏覽器皆無法顯示(圖片名稱皆為英文)

->個人經驗是路徑錯誤,常遇到的有兩個
a.伺服器路徑與本機路徑不同
b.網站用Template Method 模式開發,路徑要以Template為主
ex. 當前php 用 include塞入其他php,被include的php的路徑要以當前php
可以暫時不要用相對位置來看,如果絕對位置就可以顯示了,那麼就是位置問題

abbienew iT邦新手 5 級 ‧ 2019-05-20 15:25:33 檢舉

以討論第一則的方法解決了!

0
scorpionx
iT邦新手 5 級 ‧ 2019-05-20 12:57:16

還有檔名大小寫的問題

Chrome F12是你的好朋友

abbienew iT邦新手 5 級 ‧ 2019-05-20 15:24:24 檢舉

F12列入新朋友範圍惹

我要發表回答

立即登入回答