Images embedded in Articles not being displayed in migrated Joomla website
I have migrated a Joomla 3.7.2 website from an old server to a new server using a particularly messy technique. Basically, I exported the database and then copied the important folders and it all worked remarkably well barring one very specific feature. Articles with images in them no longer display the images in the new site.
I have System - SEF enabled in both sites (and switching it off makes no difference)
I use JCE and in code view the typical line displaying the image looks like this:
<p><img src="images/players/shirt.jpg" alt="" /></p>
In both sites.
JCE is configured to use Relative URLs in both sites. If I turn that OFF then I get the image displayed in the new site. Of course that's just a hack around the problem not a solution to it.
Path to Files Folder, and Path to Images Folder is set to images in both sites.
HTML inspector on the old site shows the
<img src="/images/players/shirt.jpg" alt="Shirt">
And on the new site
<img src="images/players/shirt.jpg" alt="Shirt">
And if you hover over the url it says "could not load the image". The missing first '/' is clearly the problem but what is it that puts it there after the article is saved by the editor and before the html is displayed in the browser?
Slightly embarrassed to pretend this is an answer but today I got the prompt to update Joomla to 3.7.3 and of course immediately afterwards the problem has gone away.
Related
DNN 09.09.01 / 2sxc 11. 22.1 / Image Gallery v5
App installation without problem, but when you click on image to show in Fancy box - you got message; The requested content can not be loaded. Please try again later.
I tested this with 2sic DNN Instant Bootstrap 4 theme and it is working just fine.
However, on this site I am using other DNN Theme ("Professional" Theme from DNNVista, Bootstrap 3, link; https://store.dnnsoftware.com/home/product-details/professional-15-colors-mega-menu-bootstrap-responsive-dnn-6x-7x-8x-dnn-9x) and this error occurred every time I click on a single photo.
I am aware that this Theme is full of bugs and I probably wasted 99$ for it, but would like to find out what is wrong and try to fix it in this particular Theme.
But - I don't know where to start, because there is no errors in Admin Log.
Any similar situations or ideas, please?
(sorry if I did not express my self clearly - English is not my Mother Tongue. Please ask if you need clarification)
UPDATE:
I found that, from some reason, hyperlinks for pictures are parsed without question mark after filename, but can't find a reason for such behaviour because everything is correct in app template.
Just a guess - probably you have some JS replacing other JS - like Fancybox being loaded 2x in different versions. Best check the Chrome-Network to verify.
I am currently having an issue with Github Pages
I guess it doesn't hurt to use the actual live example
The corresponding repo is https://github.com/ScottA38/ScottA38.github.io
I made some styling changes (maybe some JS changes I don't remember) ages ago when I was actively working on the content, and somehow ever since the 'projects' page has been 404 when I try and click through to it from the menu.
I am using Jekyll theme Jam which is some obscure obsolete theme, but I don't see it being a problem really
The strangest part is that if I load the site locally with bundle exec jekyll serve then this page appears perfectly at localhost:4000/projects, just not on the live site
If I put https://scotta38.github.io/projects.html (live site) it also appears perfectly, just not at https://scotta38.github.io/projects like I want
I have seen some suggestions about GH servers caching an old version or something like this but I don't really understand and I need some guidance
"About" page works and you have a permalink there, but nothing for projects.
Probably adding
permalink: /projects/
will fix the issue.
I've been using a plugin called Microblog Poster on my hosted Wordpress site to auto-publish blog entries to LinkedIn, Facebook, Twitter, etc.
I have made no changes to the plugin, the plugin hasn't updated, basically everything has been the exact same. However, within the past 5 days, LinkedIn has stopped displaying the shared image as a large image, when it has been consistently sharing it as a large image before.
It will share the image, but it's now a thumbnail, showing approx 140px x 70px to the left of the shared link's title. Normally, it should show as a large, 525px x 275px image above the shared link's title.
Again, no changes have been made to the plugin, my process, or anything. Facebook and Twitter are still displaying normally. I've even done several tests with different posts to confirm it was not a fluke.
Would love any thoughts on how to fix this, or if anyone else is having this issue.
Take a look at the The Open Graph protocol. You have the option to set the size of your image, as they show in their demo. You already know about the og:image property, but what about og:image:width and og:image:height? Check it out...
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
This will show a preview of your image in a standard 400x300 format. This should work, because LinkedIn says they read og: tags in determining share previews, according to the official documentation. Although they don't mention :width and :height, I hope they would respect these tags, too, because they are part of the Open Graph Protocol. Hope this helps!
Why images not showing when I paste from MS Word.
Ckeditor show that source
<h1><img src="file:///C:\Users\user\AppData\Local\Temp\msohtmlclip1\01\clip_image002.jpg" style="height:88px; width:1005px" /></h1>
This file exist.
Ckeditor version is for AspNet.
Tested on Chrome, IE 10 and IE 11
Your CKEditor is presumably running on a web page, with a http:// address.
Modern browsers don't support embedding images (or anything else) from file:// URLs in http:// pages (or https://, or any other protocol) for security reasons.
This is because there'd be the danger of a malicious site embedding something from your private files (like a document), and then using some security hole to read and upload it elsewhere.
But even if this worked, it wouldn't do you much good: the image isn't uploaded into CKEditor so the image would show up on your computer only. Anyone else watching the page you're editing would see a broken image link.
As far as I know, there's currently no way around uploading the image separately.
I have a website that I've just uploaded onto the Internet. When I browse to the site using Firefox 3.0.1 on Ubuntu I don't see the favicon; Firefox 3.0.1 on WinXP does display it.
Why isn't the favicon displaying under Ubuntu? It's a favicon.ico file in the root directory, not referenced in the meta tags; would it work better as a GIF?
Previously, there was no favicon. The browser cached the lack of favicon. Clear the Firefox cache, and all is well.
Try taking a look at this previous Question, which shows you must put two meta tags in your html in order for it to work across all browsers and operating systems.