오차드 블로그 포스트 미디어 선택기 이미지 크기 조정

Question

어젯밤에 미디어 라이브러리 선택기 필드를 통해 업로드 한 이미지가 블로그 게시물에 표시 될 때 200x200 크기로 유지되는 이유를 확인하려고 지난 밤 약 3 시간을 보냈습니다.

업로드 후 크기가 조정되지 않고 동일한 이미지를 블로그 게시물에 삽입하면 원래 크기로 유지됩니다.

나는 특별한 일을 전혀하지 않았으며 방금 미디어 라이브러리 선택기 필드를 추가하여 블로그 게시물 콘텐츠 정의를 편집했습니다. 새 블로그 게시물을 만들 때 추가 버튼을 클릭하여 미디어를 선택한 다음 게시물을 게시합니다. 입력에 대한 http://imgur.com/Ju3Sryp

감사 :

샘플 screencap하세요!

Answer 1

기본적으로 미디어 라이브러리 선택기 필드를 표시하면 Modules/Orchard.MediaLibrary/Views/FieldsMediaLibraryPicker.cshtml에 의해 렌더링됩니다. 해당 템플릿은 현장의 미디어 부분을 반복하며 Display(BuildDisplay(content, "Summary"))으로 전화합니다. 이는 필드가 가리키는 각 미디어 콘텐츠 항목의 모양을 만듭니다. 이 모양 중 하나는 귀하의 경우에 Parts_Image 모양이 될 것입니다. BuildDisplay 호출에서 "요약"표시 유형이 전달되었음을 알 수 있습니다. 즉, Parts/Image.Summary.cshtml 템플릿을 사용하여 각 이미지를 렌더링합니다. 이 템플릿에는 이미지를 렌더링하는 다음 코드가 있습니다.

<img width="200" height="200" alt="@mediaPart.AlternateText" 
    src="@Display.ResizeMediaUrl(
     Width: 200, Height: 200, Mode: "crop", 
     Alignment: "middlecenter", Path: mediaPart.MediaUrl)" /> 

이미지 크기를 200x200 자른 미리보기 이미지 크기로 조정합니다.

원하는 것이 아닌 경우 해당 템플릿 중 하나를 재정의해야합니다. 사용하고있는 특정 파일 이름에 대해 FieldsMediaLibraryPicker.cshtml에 대한 대체 항목을 작성하고 코드에서 표시 유형을 "요약"에서 "세부 사항"으로 변경하는 것이 좋습니다. 이렇게하면 Image.cshtml이 각 이미지에 사용되며 크기 조정은 수행되지 않습니다.

Answer 2

이미지의 모양이 기본적으로 조정됩니다. 모양 추적 모듈을 사용하려면 페이지를 다시로드하는 것보다 페이지 하단에서 모양 추적 도구를 확장하는 것보다 이미지를 클릭하고 대체하는 것보다 이미지를 클릭해야합니다.