Okay
  Public Ticket #2251346
Particle Image won't load
Closed

Comments

  • Eddie started the conversation

    I've tried using the HTML 5 canvas background header for the particle image. No matter the configuration I only get the loading animation and nothing else. 

  •  3,023
    Andrew replied

    Hey there,

    Have you ensured that your cache is fully cleared?

    Send me admin credentials so that i can test it from my end.

    Kind Regards

  •   Eddie replied privately
  •   Andrew replied privately
  • Eddie replied

    Done, page is actually loading now however the particle image portion is still broken, just a black background

  • Eddie replied

    Is anyone able to respond, or help me out here?

  •  3,023
    Andrew replied

    Hi Graham,

    Thanks for the response.

    In regards to the issue, the cause was an image was set at Image background section that lead to error 404 here is the url https://emmerced.com/wp-content/uploads/2019/12/400-Panorama-1.jpg

    To solve the particle issue you need to upload an existing image here(See image).

    8340384860.png

    Hope this helps.

    Kind regards,

  • Eddie replied

    Wait, we're troubleshooting a particle image that won't load here.

    You removed the black and white image I had originally assigned for the particle image yourself, just after I set you up with admin access, and just before suggesting I up the memory limit.

    I'll reassign the particle image so it's not so confusing.

  •  3,023
    Andrew replied

    Hi Graham,

    Sorry for the confusion.

    In regards to the particle image issue where only the animation was loading. the cause was at background type > Image background tab. the image uploaded there  https://emmerced.com/wp-content/uploads/2019/12/400-Panorama-1.jpg was no longer existing leading to a 404 error when checked via browser console.

    Uploading an existing image at Image background and setting the particle image the page should show correctly.

    Hope this helps.

    Kind regards,

  • Eddie replied
    • Just uploaded a new background image
    • Tested to make sure the background image was working
    • Tried resetting the page to display the particle image again
    • Page still doesn't load, loading animation only, no image, no page, no HTML5 background.


  •  3,023
    Andrew replied

    Hi Eddie,

    We did a little bit more investigation and this is what we found.

    The particle effect cause a CORS error which prevents the JavaScript of the page to break and the page is stuck on the loading state. The CORS error is seems to be caused by the loading of the particle images without the:

    Access-Control-Allow-Origin "*"
    

    HTTP header on the response for the file: https://emmerced.com/wp-content/uploads/2019/12/LogoBackground-150x150-1-150x150.jpg

    Could you try and get that sorted out by your hosting provider support and see if this fixes the issue.
    They will understand that we mean.
    https://stackoverflow.com/questions/22097747/how-to-fix-getimagedata-error-the-canvas-has-been-tainted-by-cross-origin-data  

    Let us know how it goes and we can take it from there. 

  • Eddie replied

    Is there any way you can refer this support ticket to somebody else who can actually help me?

    Your last response made zero sense grammatically, so I copied and pasted it and sent to my web host support hoping they could understand it and they don't. Furthermore, the link you've provided isn't something they can do, it's the theme itself.

  •  3,023
    Andrew replied

    Hi Eddie,

    Yes I can refer you to someone else.
    Sorry about the grammatical mistakes, I didn't check the grammar, tried to focus more on the actual problem.

    The other person might take a while to respond.
    Apologies I could not assist.