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/
Related
I have an Android app which uses the WebView function, it opens html files inside my app from a local host that have been stored in the android_asset folder when prompted. However, the WebView function only shows the text in the html file, it does not show the images that I have linked into the code of the html document, these are stored in res/mipmap. It is important to me that my app can show both text and images when I use WebView to open the html file. It is also important that the html files and the images are stored in a place that means they will be added to the installable (so that the user does not have to be connected to the internet to use the App or move any files around themselves). Is it possible to link an image stored on a local host in something like android_asset or res/mipmap so that I can see both text and the image when I open the html file in WebView?
The link to the images that does not work is in res/mipmap, it is: img src = "file:///mipmap-hdpi/car.png" alt = "Test Image"
I made a new folder inside android_asset called imagepng. I then put the .png's in this folder (so the link to the image in the htlml file looks like ). The html file now calls the .png image from this place and I can see it on the app. I do not know yet if this makes it into the installable so it can be run locally from the
smart phone..........My original mistake was trying to put the images directly into android_asset as it does not allow this.
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 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.
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