One photo loads slower than the others, and flashes the alt text before loading

  • 0
  • 1
  • Question
  • Updated 2 months ago
  • Answered
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archived

Dear God!  I'm FINALLY able to post a question here and ask for help, after being given an infinite runaround for the last several days.  The key: I had to change to Internet Explorer from Firefox!

Problem:  I recently changed one of the four photos at the top of my homepage.  Now, the one I changed loads slower than the others, flashing the white background and alt text before loading.  None of the other three photos do that.  How can I make the new photo (on the far left) load like the other three?
Photo of Bob King

Bob King

  • 500 Points 500 badge 2x thumb

Posted 2 months ago

  • 0
  • 1
Photo of themieleman

themieleman, Champion

  • 56,332 Points 50k badge 2x thumb
I would edit the image using lunapic (https://www269.lunapic.com/editor/) > resize the image > rename the image > save to you computer image file. Try uploading it again using the new image.
Lunapic or Paint will work. After doing that, you can import the file to your homestead file manager.
These are images generally taken on an iPhone and code is added for orienting the image. This code messes with Sitebuilder. The above suggestion strips that extra code and you read the new image to your page.
Photo of Bob King

Bob King

  • 500 Points 500 badge 2x thumb
Thanks, but the photo was not taken with an iPhone or any phone, and it was edited using IrfanView, just as the other three photos were. 
Photo of Bob King

Bob King

  • 500 Points 500 badge 2x thumb

The original four images were the exact same size as they are now, and they all loaded at the same time with no flash of bg or alt text.  The problem occurred only after I modified the image on the far left.  I've just tested by returning the original image to it's original position, and the loading/flashing problem is still there. 

I now have returned the modified image (with one person blurred out), but after having uploaded a resized version that matches the exact size of the original photo it replaces.  The problem is still there.

I've done all this using Internet Explorer (rather than FIrefox), since that is what I was using when I first built the website with the four photos.  That hasn't made a difference.

It appears, therefor, that the size of the image is not the problem.  Could it be the "bring forward" and "send backward" commands?  I've never had a good understanding of how those work.

By the way, this Help section cannot be accessed using Firefox.


Photo of Drew N

Drew N, Community Manager

  • 258,248 Points 100k badge 2x thumb
You can right click each image and select element layer order and bring each one to the front to try that. I am not sure if that will do it or not. I am looking some more.
Firefox should work. What happens when you try? I have been using Firefox for several years for the community.
Photo of Bob King

Bob King

  • 500 Points 500 badge 2x thumb
I tried the "bring to front" command for all four photos.  Now they all flash the background and alt text before loading, simultaneously.  So, it's worse!  FYI, this page was a homestead template.  I just chose the photos and used your template.
Photo of Drew N

Drew N, Community Manager

  • 258,248 Points 100k badge 2x thumb
hmm. There is an HTML box above it. It does not appear to be working. It looks like it is timing out. Maybe that is interfering with the image download.
Photo of Bob King

Bob King

  • 500 Points 500 badge 2x thumb

That html box has been there, working perfectly, for years.  I just noticed it said "504 Gateway" today as I was using the "bring to front" command on the four photos.  I assume it is coincidental. 

This must be some sort of issue with the forward and backward positioning of the photos, since the other three photos began malfunctioning after I used the "bring to the front" command.  How do I set these photos in the same way your original template for this page set them?

Photo of Bob King

Bob King

  • 500 Points 500 badge 2x thumb
Regarding the html, it's a weather widget, and the entire WillyWeather website is down right now.
Photo of Bob King

Bob King

  • 500 Points 500 badge 2x thumb
Using trial and error, I sent each individual photo backward until it was one layer above the bg.  I then had to move the grey border backward in order for the alt text to work.  Now, the photos load faster and only the far left photo flashes the alt text briefly before it loads.  This is not as good as the original four photos, but it's improved over what it's looked like recently.  
Photo of Drew N

Drew N, Community Manager

  • 258,248 Points 100k badge 2x thumb
That is interesting. It sounds like the browser may load each layer in order. It is not something I had considered. I will see if I can find a way to make it work better, but I don't think anything would be better than putting them all into 1 image. It would make it harder to edit them, depending on how often you do that.
Photo of Bob King

Bob King

  • 500 Points 500 badge 2x thumb
The four individual photos in the template frame provided for Sitebuilder Plus worked perfectly for several years.  The problems began after I replaced one image.  That original template must be the key. 
Photo of Drew N

Drew N, Community Manager

  • 258,248 Points 100k badge 2x thumb
It is possible, but I'm not exactly sure how it would matter. I would need to see if one of the developers could explain it. I will see if I can get an explanation.

This conversation is no longer open for comments or replies.