I'm using a commercial theme and it seems to use a JS file to add a parallax scrolling effect to certain images at runtime. It was working fine a while ago and I didn't change anything. Now the parallax is not working.
I checked the console to find some 404 not found errors which are looking for the same images but with a "#2x" suffix. But before they were only looking up the original image names since those are the only names that exist in the library. What could have caused this?
Okay it's probably a server issue. Clearing the browser cache seems to stop the retina images requests/responses.
Related
I am working on a site that when going to the URL on desktop it seems like the content is loading first then the styles about a 1 second late that creates a kind of 'flashing' effect on each page,
The sections expand and then the background images are loaded next,
I am using the WPRocket plugin - does anybody know what the cause of this is likely to be?
I am not sure if I am allowed to include the domain,
Many thanks,
It is likely a case of Flash of unstyled content,
Wikipedia has a good breakdown.
I noticed that my images weren't crisp, and in the inspector found the piece of code that is making them blurry. But, now I don't know where to look within the actual code to remove this. It's not assigned in CSS. This is a portfolio page. I am using the Avada theme. Any ideas?
Link: http://www.madpeagames.com/gacha-sets/
enter image description here
Looking at your theme's demo I see sharp images and the image code is different. So, the problem is not caused by your theme.
My guess is that you use Jetpack's Photon on your site. Try to deactivate the module and see if this changes anything.
However, image compression is a good thing, especially when using lots of images. Perhaps, if deactivating the Photon module solves the issue, compare the speed of your website with and without Photon. If it makes a notable difference, look in the Photon settings, to see what you could change to solve the issue.
Also, JPEG files (.jpg) may not be the best choice for your thumbnails, because you lose a lot of quality when the image isn't shown at its original size. If changing the settings doesn't help, you could try to use PNG files instead.
If Photon causes the issue and you don't find a way to solve it, while still compressing your images, I would suggest to contact Jetpack support. Alternatively you could try to use a different WordPress plugin for image compression.
I hope that helps. GL!
I have problem with wordpress images.
It's embarassing but I cant get images to display on my wordpress site.
I used media library url for the img src tags, Links work well on pc as you enter them in adress bar but not on the website.
Any suggestions more than welcome.Here's my website link http://produkcja.adlike.pl/
Many thanks in advance,
Neko
If you see to the browser console you will see many errors. Almost all of them are because an image was not found in the server, but there are others.
The images not found are because they have bad URL:
http://produkcja.adlike.pl/images/index_img05.jpg
instead of
http://produkcja.adlike.pl/public_html/produkcja/wp-content/themes/Mywordpresstheme/images/index_img05.jpg
There is only one that seems to have correct URL and is getting an error: http://produkcja.adlike.pl/public_html/produkcja/wp-content/themes/Mywordpresstheme/images/index_img03.jpg
I think it can be caused by the other errors or because you are implementing a responsive images script, incorrectly (I see you have data-src in your images)
The issue was in css, when I removed class lazy-image the images appeared.
After I moved a Wordpress website to production server I noticed youtube embeds were no longer clickable. The image and play button show up but nothing more.
Tried to renew the embed code, using the build in embed function, embed via media browser,... Nothing is working and it's making me crazy.
After some trial and error things I noticed that the video does work when the main bootstrap.css file is removed. Can't seem to find a clue to the solution though.
EDIT
Yes, I tried to disable all the plugins, with no result.
Changing back to the default twenty fifteen theme results in a working video embed. But since that one isn't build on bootstrap it's just a logic fact.
Anyone seen this before?
Web page with video embedded: click here
The website is sending lots of error messages in he consolu use F12 in Chrome, apparently your www-embed-player-new.js is causing the problem. Not even Edge is running the site correctly. I think you need a Chrome extension to make it work.
I would recommend you changing the plugin that imports the videos. Check this enter link description here
EDIT:
The chrome plugin Google Cast stops the error messages but still doesn't work.
The problem was with the wordpress loop on the single.php page.
A wrong code snippet caused the issue.
Fixed!
Has anyone face this problem ? My images are not loading whenever i try to add an image from Add media button/ featured image option in wordpress. It shows an error like this:
An error occurred in the upload. Please try again later.
Please help if anyone knows the solution.
A lot of factors could be causing this issue.
First - is this a new issue? Have you upgraded/changed anything recently and this began happening?
Second - what are the image sizes? Are they large? Not only in file size but dimensions? Sometimes large images can cause an upload error. Scale them down, both in file size and possibly image size, and see if that helps.
Third - disable your plugins one by one and check the upload again between each plugin. If it's still not uploading when all plug-ins are disabled then activate the default WordPress theme. If it's still not uploading then it may require uninstalling/reinstalling wordpress or even a larger issue that may be out of standard troubleshooting range & would require a more detailed look.