• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
2

Help for those looking to Load External Images to reduce page loading time.

Participant ,
Mar 09, 2022 Mar 09, 2022

Copy link to clipboard

Copied

Hello all!

I had an awful time trying to figure out how place in my document, pictures have been uploaded to my server.  There were a few tutorials on this subject, but unfortunately, they were all above my head because coding is not my thing, design/layout is; and when challenged as I was, I became brain blocked.   After hours/days of frustration I finally figured out how to do it with Component and I just wanted to share what I learned.     

 

To use this method, you would need to upload your pictures to your server.  This method does not require any pics in your library, and it reduces the size of your document and loading time.  There are more sophisticated ways of doing this, however, this does work.  It certainly worked for me. 

 

To achieve this, do these simple steps in Animate CC 2022:

  • Open Windows, then Components, and under User Interface select the “Image” component.   
  • Drag it to where you want it in the doc (I did embed the picture to figure out the layout, but when I got it exactly the way I wanted it, I sized and placed the component and then removed the pic from the library).
  • Open Component Parameters
  • Select the pencil to the right (source will be to the left). Type in the “URL” (the address to where you uploaded the picture).

NOTE:  The “Image” component, not the picture, will be visible in Animate, however, you will be able to see the picture/placement when you “Test” the movie, and when you open the html page in Dreamweaver. 

 

I used images for buttons.  I created a png of the entire row of buttons, then I placed that entire png into one image component, and then on the layer above, created and placed individual invisible buttons over each image and then with the help of the Code Snippets, placed the url to the correct pages.

 

I Hope this helps anyone having the same problem…I tried to be as clear as possible.  You can also place several of these components on your page and it worked beautifully for me. I danced for joy when it solved my problem of a very long wait.

 

Another hint, if you should use this method for videos, if there are more than one videos in the document, you will need to place each video in different frames and on different layers.

Regards,

Terri

Views

99

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 10, 2022 Mar 10, 2022

Copy link to clipboard

Copied

LATEST

Hi, Terri.

 

Thanks for sharing these tips. I'm sure they will be helpful for someone!

 

Regards,

JC

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines