Spring til hovedindhold
  Lørdag den 25. april 2015
  7 Svar
  3,5K besøg
  Abonner
Hej,

jeg oprettede et element med tre kolonner i indholdet. Når jeg placerer et billede i den første kolonne og ændrer størrelsen på siden, bliver billedet på et tidspunkt klemt. Er det en fejl eller gør jeg noget forkert og kan jeg rette det selv?

Tak.
T
10 år siden
Hej,

jeg tror, ​​det ikke er normalt, fordi kolonnerne er ændret i størrelse med hensyn til skærmstørrelse. normalt på responsiv skabelon anvendes en egenskab max-width: 100% på alle billeder for at gøre dem responsive. Hvis du ikke har det, har billeder en fast størrelse, det virker ikke på lille skærm.

Se vedlagte, hvad der normalt sker med 3 kolonner.

Skål,
S
9 år siden
Selvom det er lang tid efter TO's problem, er jeg nødt til at skubbe dette, fordi jeg har det samme problem. Og jeg har fundet ud af årsagen til denne adfærd: Det sker, hvis du ændrer størrelsen på billeder og ændrer en hvilken som helst parameter af billedet i billedegenskabsdialogen (eller hedder det billedegenskab? Jeg bruger ikke den engelske version)
Et eksempel: Jeg lægger et billede ind i min artikel og ændrer størrelsen på det ved at trække det med musen til 400x300px. I kildekoden er der
width="400" hight="300".
Dobbeltklik nu på billedet for at starte billedegenskabsdialogen og klik blot på OK. Nu er kildekoden ændret til
img style="width:400px; hight:300px;"
Det er simpelthen en anden måde at sætte størrelsesparameteren i HTML, men style="... måden gør, at billeder af en eller anden grund bliver klemt, når man ændrer størrelsen på browservinduet.

Er der en måde at ændre kodningen på?
T
Hej,

tak for feedback på det. Kan du poste mig her et skærmbillede af de billedindstillinger, du fortalte mig?
Brug i øvrigt ikke håndtag til at ændre størrelsen på billeder i dit indhold, du vil få billeder vist i en ikke-naturlig dimension, som har den dobbelte fordel at være tunge og få en forkert kvalitet på visningen. Det kan også forårsage problemer i den responsive del.

Skål,
S
9 år siden
Tak Tristan for svaret, selvfølgelig kan jeg lave nogle skærmbilleder.

Jeg lavede et simpelt eksempel med et billede, som har den originale størrelse på 800x535px.

1. Ændret størrelsen ved at bruge håndtagene direkte i drop editor (btw. intet galt i at gøre det på den måde, så længe du forbliver proportional). Lås på det krympede browservindue, billedet er i det rigtige forhold og fuldt responsivt. [resized_in_dropedit_by_handles.png]

2. Så dobbeltklikkede jeg på billedet for at åbne egenskabsdialogen, ændrede intet - klikkede kun på 'OK'. Kildekoden er ændret, som du kan se, og det samme billede i det samme krympede browservindue vises sammenklemt og ikke længere responsivt. [resized_by_properties-dialog.png]

Jeg håber, at dette gør problemet mere klart og hjælper med at gøre DropEditor bedre (jeg tror, ​​DE er den smarteste Joomla Editor).

Btw. dette er et andet punkt, men ville det være muligt at få et billedklassefelt i egenskabsdialogen for billeder? Dette ville gøre klasseskift lidt mere behageligt.

Med venlig hilsen Frank
T
Hej,


ok, jeg tror, ​​jeg forstår det. Dette er et problem, der stammer fra det gamle billedredigeringsværktøj, der er inkluderet i editoren (kun egenskaben for billedknap).
Vi arbejder på en opdateringsversion af Droppics, der vil håndtere problemet ved at generere rigtige miniaturebilleder.

Om den første overvejelse om billedets naturlige størrelse, ændrer det ikke problemet, det er kun et råd. Det sænker dit websted, og det opdages af al SEO-værktøjsanalyse som en fejl. Under krom er håndtagsværktøjet blevet fjernet fra editoren.

Skål,
S
9 år siden
OK, det ville være en god opdatering.:)

Jeg plejede at gøre dette manuelt med dropics (pro) ved at generere et duplikat i brugerdefineret størrelse. Et automatisk genereret miniaturebillede ville være mere behageligt - meget velkomment. Mit problem med det er, billeder der er placeret i artikler med deres max. størrelsen ser lidt sløret ud på skærme med høj opløsning. For eksempel ser et billede på 400x300px placeret i en artikel ok ud på min kontorskærm med 72 dpi, på en tablet med <200dpi ser det uskarpt ud (forårsaget af browserens størrelse). Et billede med fysiske dimensioner på 600x448px, der er blevet ændret til 400x300px, ser meget skarpere ud på HiRes-skærme. Filstørrelserne er lidt større - ja, men ikke så meget... For HiRes-skærme kender jeg ingen anden måde at få billeder til at se skarpe ud.

Med venlig hilsen Frank
S
9 år siden
OK, det ville være en god opdatering.:)

Jeg plejede at gøre dette manuelt med dropics (pro) ved at generere et duplikat i brugerdefineret størrelse. Et automatisk genereret miniaturebillede ville være mere behageligt - meget velkomment. Mit problem med det er, billeder der er placeret i artikler med deres max. størrelsen ser lidt sløret ud på skærme med høj opløsning. For eksempel ser et billede på 400x300px placeret i en artikel ok ud på min kontorskærm med 72 dpi, på en tablet med 200dpi ser det uskarpt ud (forårsaget af browserens størrelse). Et billede med fysiske dimensioner på 600x448px, der er blevet ændret til 400x300px, ser meget skarpere ud på HiRes-skærme. Filstørrelserne er lidt større - ja, men ikke så meget... For HiRes-skærme kender jeg ingen anden måde at få billeder til at se skarpe ud.

Med venlig hilsen Frank

PS Undskyld for at poste det igen, systemet klippede min tekst på grund af at bruge et pil-Symbol. Jeg vil være mere forsigtig i mine næste beskeder;)
  • Side :
  • 1
Der er endnu ingen svar på dette indlæg.