Ustawienie obrazów - slider 
Autore: Marek S.Cześć!
Na stronie marboelektronarzedzia.pl mam wrzucownych kilka obrazów.
Skorzystałem z jednego z programó do weryfikacji prawidłowości wpisów.
Jest błąd!
A fitting image source should be available for all screen sizes
At a viewport of 1280×720 the image was displayed 1134 pixels wide, but the closest provided image has a width of 800 which is 29% (0.39 megapixels) off. The affected viewports are 1160×653–3000×4000.
Try using the following image sizes in <img srcset="…"> instead:
703×422, 930×558, 1134×680, 1406×844, 1760×1056, 2048×1229
Loading a large image and display it much smaller should be avoided to save bandwidth. Loading a small image and display it much larger should be avoided to prevent pixelated artifacts.
Nie wiem jak to rozwiązać? Jaki format, wielkośc obrazów powoniem wrzucić na stronę, próbowałem rónych rozmiarów,Muj wpis wygląda tak;
<img class="content-slider slide-image-content slide-animated-content"src="images/BigFoot_System.webp"alt="polerka RUPES LH15"width="800"height="480">
Ten problem dotyczy wielu obrazów, na kilku stronach
Z góry dziękuję za pomoc i sugestie.
(It > Pl) ... być może nie zrozumiałem, o co pytasz, ale wymiary obrazów muszą oczywiście odpowiadać ich przeznaczeniu...
... żeby było optymalnie, "content-slider" powinien być umieszczony w jednej dedykowanej linii. nie są dzielone z innymi komórkami, w przeciwieństwie do tego, co widzimy teraz…
... w tym przypadku, jeśli jesteś zainteresowany, "content-slider" może mieć aspekt racjonalny, z moim ekskluzywnym kodem EXTRA, jak widać w tym przykładzie użytkownika Giancarlo:
> https://toolsshop.altervista.org/content-slider/responsive.html
.
ciao
.
Autore
Wkleiłem podany kod w pliku inedx
1.Czy podany kod jest kodem ostatecznym, czy też wymaga modyfikacji dla każdej strony?
2.Czy podany kod dokonuje zmian w całej witrynie czy tylko w pliku index?
Wexportowałem projekt do katlogu lokalneg następnie plik index na serwer. Czy to wystarczy?
Nie ma zmian !
.... w twoim LINKu selektor odniesienia jest następujący:
$("#imCell_75, #imCell_75 div")
... dla obecnej struktury Twojego LINKU mój niestandardowy kod jest następujący:
<script>
$( document ).ready(function() {// K>;
/** --- resize ratio x WSx5 ContenSlider by KolAsim --- **/
ritardoK = 2; // secondi di ritardo;
wK = 9; // larghezza immagine (valore pixel (o rapporto razionale W));
hK = 3; // altezza immagine (valore pixel (o rapporto razionale H));
setTimeout(function(){//K1>;
ridimensionaK();
}, ritardoK * 1000); //K1<<;
}); //K<<;
$(window).on('resize', ridimensionaK);//Kr > | <<
//---------------f K2-----------------------------
function ridimensionaK() {//K2>;
setTimeout(function(){ //K3>;
wwK= window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
ratio=Math.round(wwK/wK*100)/100;
CShK=hK*ratio;
$("#imCell_75, #imCell_75 div").css('max-height', CShK+"px").css('min-height', "0px");
}, 0); //K3<<;
} //K2<<;
</script>
... możesz dostosować współczynniki racjonalnego stosunku wK - hK
.
ciao
.
Autore
Dziękuję za pomoc. Niestety nie poradziem sobie.Może wróce do tematu za jakiś czas.Pozdrawiam M.S.