Restore photos in HTML page, Remove link from where the photo should be Options

[Piedro]

The website of our school, where we attended in the 1950s, was on Wikifoundry. Wikifoundry went off the air, which we found out about shortly before the closure on June 1, 2021. Everything was copied and saved as HTML.
But now it appears that the HTML page contains no photos. At the relevant location there is a link to the no longer existing http://image.wikifoundry.com/image/1/S9Lrk...64106/GW550H376.
The photos can be copied at WaybackMachine from archive.org. However, it is not possible to place the photo in the relevant place on the HTML page because of the wikifoundry link. Right-click/Inspect at the relevant location, the source page becomes visible.
Is it possible to remove just that link?
My knowledge of/about building websites is zero comma zero.
How do you insert a photo from the PC in here?

[Christian J]

At the relevant location there is a link to the no longer existing http://image.wikifoundry.com/image/1/S9Lrk...64106/GW550H376.

Not sure what you mean with "link" above. Do you mean the URLs of the image files, that are specified in the SRC attribute of the IMG elements? For example:

CODE

<img src="http://example.com/dog.jpg">

If you mean something else, please post a sample of the HTML.

How do you insert a photo from the PC in here?

You need to edit the SRC values of all images to reflect their new location. If the website is meant to be viewable on the web (as opposed just being kept on a local PC) you need to upload both the HTML and image files to your own webhost.

[Piedro]

http://image.wikifoundry.com/image/1/S9Lrk...64106/GW550H376. is the hyperlink in the HTML page to wikifoundry that will be discontinued in 2021.
If you mean something else, post an example of the HTML.
I have two .jpg files on my computer. How do you import it here?
My intention is to put all the photos in the HTML pages.

[Christian J]

http://image.wikifoundry.com/image/1/S9Lrk...64106/GW550H376. is the hyperlink in the HTML page to wikifoundry that will be discontinued in 2021.

That's a URL, a web address. The HTML code for a hyperlink looks like this:

CODE

<a href="http://image.wikifoundry.com/image/1/S9Lrk...64106/GW550H376">some link text</a>

However I searched for the above URL on archive.org, and it wasn't archived. Maybe some other archiving site has it.

I have two .jpg files on my computer. How do you import it here?

Here to this forum? You can upload images and attach them to forum posts, but alas the feature doesn't always work properly. See https://forums.htmlhelp.com/index.php?showtopic=60737

My intention is to put all the photos in the HTML pages.

HTML code/pages don't literally contain images (with some exceptions). Instead images are uploaded to the webhost as separate files. These image files can then be embedded in HTML pages by using IMG elements in the HTML code.

When viewing a finished web page in a browser it look like a single entity, but it's really a combination of an HTML file and one or more image files (and perhaps other things as well).

[Piedro]

Sorry for the slow response.
At my age, time flies and you're a lot slower.


http://image.wikifoundry.com/image/1/S9Lrk...64106/GW550H376.
is visible on the right. How can you only use the hyper link in this situation to delete?
I tried it with photo no.: 1200 above, so that the data 1200.reunie 2012JaapKlijnsmaDSN0362JPG also disappeared and the size of the outline for the photo became smaller.

When viewing a finished web page in a browser it look like a single entity, but it's really a combination of an HTML file and one or more image files (and perhaps other things as well).

Then you can include the HTML pages with WYSIWG web builder.
Or is this a fallacy?

[Christian J]

Sorry for the slow response.
At my age, time flies and you're a lot slower.

No problem.



Is that attachment a list of the images you have saved from Wikifoundry? The left column doesn't look like proper file names, there should be file extensions like ".jpg". But I'm not very familiar with the Microsoft Edge browser.

http://image.wikifoundry.com/image/1/S9Lrk...64106/GW550H376.
is visible on the right. How can you only use the hyper link in this situation to delete?
I tried it with photo no.: 1200 above, so that the data 1200.reunie 2012JaapKlijnsmaDSN0362JPG also disappeared and the size of the outline for the photo became smaller.

I'm afraid I didn't understand any of that.

When viewing a finished web page in a browser it look like a single entity, but it's really a combination of an HTML file and one or more image files (and perhaps other things as well).

Then you can include the HTML pages with WYSIWG web builder.
Or is this a fallacy?

In the top right panel of WYSIWG web builder, the IMG element's SRC attribute, uses a URL to the Wikifoundry server. But since the Wikifoundry server is gone you need to change all such URLs to where you are keeping the image files now.

First, you need to find out where you are keeping the images on your own PC (or on a web server, if you have that). Are they in the same directory as the HTML files?

Second, what are the images' proper file names? The bottom center panel of WYSIWG web builder displays the file name "1201.reunie 2012.Jaap Klijnsma.DSCN0365.JPG", which looks correct (but perhaps a bit overcomplicated). If that image file is kept in the same directory as the HTML file, you might use the following HTML code in the HTML file:

CODE

<img src="1201.reunie 2012.Jaap Klijnsma.DSCN0365.JPG">

(I omitted the ALIGN, ALT, TITLE, WIDTH and HEIGHT attributes in this example for simplicity, since they're not required to make the image appear.)

[Piedro]

I believe the website was built by the webmaster on wikifoundry and all the photos were uploaded there.
On WayBackMachine https://web.archive.org/web/20210529142107/...w.mulovelp.com/
exactly the same thing happens and the location of the photos is indicated as archive.org.
Follow "PHOTOS PER REUNION" then REUNION 2012 Photo page. 1. to end up here.

[Christian J]

I believe the website was built by the webmaster on wikifoundry and all the photos were uploaded there.
On WayBackMachine https://web.archive.org/web/20210529142107/...w.mulovelp.com/
exactly the same thing happens and the location of the photos is indicated as archive.org.

Now I understand: the HTML files were kept at http://www.mulovelp.com, but the image files were at http://image.wikifoundry.com.

Follow "PHOTOS PER REUNION" then REUNION 2012 Photo page. 1. to end up here.

That appears to be a list of web pages (HTML files), such as

CODE

http://www.mulovelp.com/page/REUNIE+2012%2C+fotoblz.+1.

(it's unusual that web pages ends with a just "." period sign, instead of some kind of proper extension like ".html").

First save all the pages and images to a directory (folder) on your own PC.

You may want to change the names of the HTML files (for example, give them ".html" file extensions), but then you must also change the navigation menu to these new names. Also remove the extra code inserted by archive.org in the HTML files (indicated by the "Wayback" comments in the HTML code). All this can be done with a plain text editor (but avoid MS Word). Maybe WYSIWG web builder can be used too, I've never used it.

You may also want to give the photos more descriptive file names, for your own sanity. For example, this image file: https://web.archive.org/web/20210518150909i...3624/GW550H391/ could perhaps be renamed to:

CODE

REUNIE-2012-fotoblz.1-photo-1.jpg

or similar? Note that I replaced all spaces with "-" characters, and gave it a ".jpg" extension for clarity. Exactly what you want to call the files depends on how you want to organize all of them (perhaps by date, location, or image content), it's partially a matter of taste.

Then change the SRC values in all IMG elements to the new file names. In the above example:

CODE

<img src="REUNIE-2012-fotoblz.1-photo-1.jpg">

While working on the new pages you can preview them on your own PC, but once the site finished you need to upload it to a web host for other people to see it. You can also re-register the old domain name and use it again, since it appears to be free.