Copy link to clipboard
Copied
Hello guys,
about 7 years ago I designed a Website with Adobe Muse. The owner contacts me now and then for a few simple changes, which I usually did with the Inbrowser-Editor from Muse. Since Adobe has cancelled it, I tried to solve everything with Dreamweaver and it worked pretty fine until yesterday. The owner wants me to change the images from the slideshow: https://www.schwarzwaldverein-oehningen.de/
Since I have as well as no coding skills, this is pretty hard for me, so I tried to solve it differently:
1. I worked with the Elements Window in Dreamweaver by right-clicking on an image from the slideshow and go to "Edit in Photoshop", where I just replaced the old image with a new one and saved it. The dreamweaver preview showed me that I was successful, but when I uploaded everything to the server or previewed it in a browser it partly showed some grey fields instead of the images. Other images in the slideshow were uploaded pretty fine.
2. I undid everything and replaced the affected images in the image folder (took the same amount of jpg's and named them just as the original jpg's) --> You can see the result online, some images are shown correctly, some of them are just filled grey...
Is there any possibility to solve this problem without coding skills?
Thanks in advance
Alex
on closer inspection, your image carousel limits the size of the images to 1366px by 927px, so there is no need to send images larger than that dimension.
unless I'm mistaken here are the 11 images you should have, resized and optimized in your images folder.
pa041284_1.jpg
pa031204_1.jpg
2014-05-26-134356.jpg
dsc_2538.jpg
cimg2491.jpg
img_1057.jpg
klosterhofserinade%202008%20011.jpg
pa041269_1.jpg
dsc_2362.jpg
p8180978_1.jpg
p7060782_1.jpg
Attention, however you have the image klosterhofserinade%202008%20
...Copy link to clipboard
Copied
It seems that the (grey) images correspond to images that have either been wrongly re-uploaded online, or wrongly named.
On the other hand the images that are present should really be optimized...!
On the one hand their size superior to 4000 pixels is way too big... image sliders rarely exceed 1900 pixels (except hero for large screen)... and anyway, once the size is reduced (below 4000), the optimization can be greatly improved with tools such as TinyPNG for example https://tinypng.com/
Copy link to clipboard
Copied
on closer inspection, your image carousel limits the size of the images to 1366px by 927px, so there is no need to send images larger than that dimension.
unless I'm mistaken here are the 11 images you should have, resized and optimized in your images folder.
pa041284_1.jpg
pa031204_1.jpg
2014-05-26-134356.jpg
dsc_2538.jpg
cimg2491.jpg
img_1057.jpg
klosterhofserinade%202008%20011.jpg
pa041269_1.jpg
dsc_2362.jpg
p8180978_1.jpg
p7060782_1.jpg
Attention, however you have the image klosterhofserinade%202008%20011.jpg, which contains inappropriate characters for a computer image filename ... the character strings %20 represents the space character encoded as a URL ... https://www.urldecoder.org/
so your image being actually named klosterhofserinade%202008%20011.jpg, in fact correspond to klosterhofserinade 2008 011.jpg, and that way, you should replace the spaces with underscore for example as klosterhofserinade_2008_011.jpg
Copy link to clipboard
Copied
well it is also indicated as it in you CSS file, so if you rename the image, you must also correct it in the CSS dile,
just open the CSS file, index.css, located in the CSS folder, search for the string
klosterhofserinade%202008%20011.jpg
and replace it by the correct name you gave to the image
then upoload it again online
Copy link to clipboard
Copied
Thank you very much for your help! Did everything as you said, it worked and even helped me to fix some other issues on the website.
Copy link to clipboard
Copied
I'm glad that it helped you, and that you could go further in the handling of your site.
I saw that you were able to optimize (size and weight) your images. This is better for the loading and the fluidity of your gallery.