Avatar billede hulla Novice
25. september 2017 - 08:08 Der er 14 kommentarer

Responsive images, srcset virker ikke - genoprettet

Hej

Jeg har problemer med at mine billeder ikke vises når der er en srcset sat på.
Alle billederne eksisterer og kan vises i browseren.

Jeg har lavet en codepen der viser problemet:
https://codepen.io/AxelAndersen/project/editor/DxKeaV

************************************
Dette er en genoprettelse af samme problem, men den kom i forkert kategori.
Kan det passe man ikke kan redegere et spørgsmål når det først er oprettet?
Avatar billede michael_stim Ekspert
25. september 2017 - 10:14 #1
Du har en slåfejl i URL'en, frilv skal väre friliv
Avatar billede michael_stim Ekspert
25. september 2017 - 10:16 #2
<html>

<head>
  <title>Test</title>
</head>

<body>
  <div>
    <img src="https://images.friliv.dk/Small/Alaska-2-1818.jpg"
        srcset="https://images.friliv.dk/Large/Alaska-2-1818.jpg 200w, https://images.friliv.dk/XXLarge/Alaska-2-1818.jpg 500w"
        sizes="100%"
        alt="Not working" />
    <br />
    <hr />
    <img src="https://images.friliv.dk/small/Alaska-2-1818.jpg" />
  </div>
</body>

</html>
Avatar billede hulla Novice
25. september 2017 - 12:14 #3
Ahh ja, den virker nu.
Desværre virker det stadig ikke hos mig lokalt.
Hos mg ser det sådan ud:

<img src="http://localhost/Large/Alaska-2-1818.jpg" srcset="http://localhost/XLarge/Alaska-2-1818.jpg 400w, http://localhost/Huge/Alaska-2-1818.jpg 600w" sizes="100%" alt="test" class="p-image">

Virker srcset ikke med noget som "http://localhost" ?
Billedet kan jeg jo fint vise fra min egen maskine
Avatar billede michael_stim Ekspert
25. september 2017 - 12:23 #4
Virker fint med localhost hvis billederne ligger i nävnte mapper i roden.
Avatar billede hulla Novice
25. september 2017 - 12:48 #5
Kan man ikke uploade billeder til et spørgsmål?
Avatar billede michael_stim Ekspert
25. september 2017 - 12:52 #6
Nej. Findes tjenester på nettet der du kan uploade og linke til.
Avatar billede hulla Novice
25. september 2017 - 12:52 #7
Kan jeg evt. så sende dig et billede der viser hele problematikken?
Avatar billede hulla Novice
25. september 2017 - 12:55 #9
Avatar billede michael_stim Ekspert
25. september 2017 - 13:07 #10
Men du har et portnummer (44317) med når du kalder på koden. Pröv at fjerne det, du sidder vel lokalt på maskinen?
Avatar billede hulla Novice
25. september 2017 - 13:07 #11
Har du et bud på hvordan det kan være det ikke virker med localhost billeder, men fint med public tilgængelige billeder?
Avatar billede hulla Novice
25. september 2017 - 13:12 #12
Det kan jeg jo ikke, det er den port der default tildeles af Visual Studio.
I øvrigt kører min IIS på port 80 kun med de billeder som loades. Som du kan se virker både siden og billederne fint hver for sig.
Avatar billede michael_stim Ekspert
25. september 2017 - 13:22 #13
Kan bare sige at det fungerer når jeg tester lokalt. Sidder ikke i windows miljö, men er nästen sikker på at det har noget med port/sti at göre. Pröv at lägge dine mapper i tatonka og ändre URL så portnummer og tatonka kommer med.
Avatar billede hulla Novice
25. september 2017 - 13:53 #14
tjaa, jeg fatter ikke hvorfor den ikke vil det.
Hvis jeg udskifter dette: 

"ImageSettings": {
    "ImageServerUrl": "http://localhost/"
  }

med dette:

"ImageSettings": {
    "ImageServerUrl": "https://images.friliv.dk/"
  }

i min konfiguration, så virker det glimrende, selvom begge sites leverer nøjagtig de samme billeder
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester