I've moved my mediawiki to a new server and uploaded all of the images to the image directory. I can see all of the content but none of the images. does anyone know what is missing?
you didn't copy the images with the whole migration ? When you upload a picture on mediawiki, it creates seperated folders for every image...god knows why. in your image section. rootfolder/images..
so if you simply take the pictures and upload them later on AGAIN, that mediawiki creates new subfolders in /images...
take the old images folder and copy it with all the pictures inside and it will work
Related
I have come into an issue where my webpage will not load a background image in any browser if I open it directly into the browser, but if I open it up via a live server addon for VS code it works entirely fine and loads everything correctly. I have videos attatched to the webpage which load entirely fine in both scenarios, and have come to a bit of a deadend...
file's to see if file pathing is incorrect
Where the image should be loaded
The html file calling the class
This is a guess at the moment but it might be, on the second image that you posted, that you have detailed ../../ twice. This is telling the path to back up by two folders then look for the assets folder.
Looking at your file layout. You have an index page then an assets folder which contains a videos folder which contains the image.
You shouldn't need to back up out of the folders using any itteration of ../ from where you index page is located. The correct path might simply be assets/videos/cover_image.jpg
I'm creating a small website for university. I'm totally new in web dev and got a problem i can't find the answer for. I was searching similar topics for some good time now but i cant the solution.
It´s important to note, that i access this website with localhost:8080/index for example. So the website is not "online". To start the site i have to go inside the folder and cmd -> npm start
We also use Handlebars (if this is somehow important), so pretty much every file is .hbs
My problem is
<img src="index.jpg" alt="index">
is just not working. It only displays the alt "index" on the page. When i use an global img url (like from wikipedia) its showing me the image. But not when i use "own" images. I was trying diffrent pictures, diffrent names, diffrent locations for the picture but it won't load.
When i use the inspector inside Firefox or Chrome it tells me img don't load(this is translated from germany, i don't know what it tells in english)
impressum.hbs and the picture are inside the same folder
I was copying the picture into every folder but still, it won't load.
You may also doublecheck that the pic is .jpg and not .jpeg, which happens sometimes.
So your index.html and your picture are in the same exact folder?
<img src="picture.jpg"> picture.jpg is located in the same folder as the current page
<img src="images/picture.jpg"> picture.jpg is located in the images folder in the current folder
<img src="/images/picture.jpg"> picture.jpg is located in the images folder at the root of the current web
<img src="../picture.jpg"> picture.jpg is located in the folder one level up from the current folder
The solution was an "internal" Problem. The univeristy gives us a framework and somehow you only can access pictures when they are saved inside 1 special folder. So it´s solved. Still i dont understand why they dont tell us this information directly...
Hi i am making my own website. And make alot of copies, do some changes. to see what version I like best. But this takes up space on the HD. And I have a small ssd.
Is it possible to put a shortcut to my images folder in all my versions? So all my versions only contain the html files.
I have all my image files stored in a sub folder to the html files.
you can create a new "website" only containing images, you can even call it images. And then in all your website versions you will access images via general url like http://localhost/images/
I used notepad++ with html5 and css3. The problem is that the css isn't loading the images, though in the editor it did. I need help. here's my text for one of the images named content, and yes the content tag is on purpose since it's id:
#content{
width:900px;
height:600px;
background:url(images/content.png);
border-radius:20px;
}
So, the folder is on desktop, it's named images and the image is a png named content. It worked on the editor but it's not showing up on the website. On the website it's just showing the grey background.
I took screenshots of it working in edit viewer and it on the actual website.
http://postimg.org/image/mdeso350h/ -- looks fine on edit viewer
http://postimg.org/image/gb75xlgkh/ -- not working on website
First you need to check the file path of css and the images.,
I think this is your file structure
--folder
----index.html
----name.css
----content.png
so, just try that background:url(content.png); this will help you
incase your file structure like
--folder
----index.html
----name.css
----images/content.png
in this case your style works fine background:url(images/content.png);
Always use quotes for linking images like;
background-image: url("images/content.png");
And inside your root folder in your server (in x10host.com), use file manager to create a folder named images where you have uploaded your file index.html, and then you can see index.html file and images folder in a single place. Then upload your images to images folder. Hope this helps.
Sometimes design tools tend to save file extensions capitalized (.PNG for example), and not every server is aware of that, so you should be.
Check your folder location of the image as well.
For the past couple of wordpress websites I have created I have uploaded all the images I needed to photobucket, and then used the links from there to insert them into my HTML.
My question; is there a more stable and easier way to create links for images ? I would like to not have to upload all the images to photobucket or similar as this process is very time consuming and tedious.
thanks
James
If I understand what you're asking, you could just include them in the same directory where your webpages reside. When you include the images in the links, just supply the filename (Ex: "whatever.jpg") with no path. When you upload your pages, just upload the images at the same time and in the same location.
For example:
<img src="whatever.jpg" />
Instead of (like you're probably doing now):
<img src="http://www.photobucket.com/whatever.jpg" />
Or in Wordpress/PHP's Case (if pages are dynamically created, still use an absolute path):
<img src="http://www.hiswordpresswebsite.com/whatever.jpg" />
`
(Edited in response to first comment below)
I have tried doing this with multiple services and if this is how you want to get the job done,
Dropbox would be the most suitable, provided you have the Public folder already activated else you may have to pay to activate it because it not free to new users.
Links for files placed in Dropbox public folder are generated automatically and easier to use immediately on email, forum, blogs etc.
If you have a file named as Image.jpg inside a folder called faces inside your DBs Public folder then the link is
https://dl.dropboxusercontent.com/u/111111111/faces/Image.jpg
where 111111111 will be some other number (constant for your account).
So if you know the file names of your images, you could simply go on placing them in the Public folder and give img src to
https://dl.dropboxusercontent.com/u/111111111/FOLDER/FILENAME.ext
NO COPYING OF LINK AND STUFF AT ALL!
Plus you could get the Dropbox desktop client and sync those images from your Machine, so if at all the image changes (still having the same filename) you wouldn't have to bother with making updates to your HTML or even re-uploading the image manually. Bandwidth (20GB/day) shouldn't really be a problem if limited amount of users are going to visit the site.
Basically it's like using Dropbox as a CDN.
However if you DON'T wish to pay for an account with public folder, you will have to share photos the traditional way on DB then get the link, copy, paste and stuff but dropbox organizes all your links at one single place so its a bit easier.
You can host your images to public folder in Google Drive.