Skip to main content
Participant
January 13, 2021
Question

Animate HTML Canvas - How to use images hosted on an image sever like Scene7

  • January 13, 2021
  • 1 reply
  • 278 views

Hi all, I am used Adobe Animate to design HTML Canvas banners for the site I work on.  I published my work and it is all working fine from my PC.  Now I need to host the banner on our site but we use a image sever to host all our images so I need to update all image ‘src’ to a URL ‘src’. Naively I thought it would be as simple as going into the JS file and updating the ‘src’ within ‘lib.properties’ with the URLs but this did not work and the image did not show. What I am I doing wrong? Any help world be helpful, Thanks   

 

lib.properties = {
   id: 'F9AAE7A85E627F4E959795A844F5CDBF',
   width: 1150,
   height: 300,
   fps: 30,
   color: "#333333",
   opacity: 1.00,
   manifest: [
      {src:"https://ui3.assets-asda.com/dm/_210105_bse_greenbg?fmt=png-alpha&scl=1", id:"_210105_bse_greenbg"},
      {src:"_210105_bse_justpaperroll01.png", id:"_210105_bse_justpaperroll01"}
   ],
   preloads: []
};
    This topic has been closed for replies.

    1 reply

    Legend
    January 13, 2021

    You're saying no error messages appeared when you checked the browser dev console?

    Bryan5C18Author
    Participant
    January 13, 2021

    hi, there are no eppor messages in the dev console

    Legend
    January 13, 2021

    Then check the network activity tab to see what exactly it's trying to load.