• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Change images in slideshow from website created with Adobe Muse

Community Beginner ,
Feb 22, 2022 Feb 22, 2022

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

Views

120

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Feb 22, 2022 Feb 22, 2022

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

...

Votes

Translate

Translate
Community Expert ,
Feb 22, 2022 Feb 22, 2022

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/

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 22, 2022 Feb 22, 2022

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 22, 2022 Feb 22, 2022

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Feb 22, 2022 Feb 22, 2022

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 22, 2022 Feb 22, 2022

Copy link to clipboard

Copied

LATEST

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines