2012-03-13 2 views
0

테이블의 각 개별 이미지를 업로드/복사해야하는 대신 해당 이미지 URL을 기반으로 이미지를 표시하고 싶습니다. 일반 이미지를 사용하면 이미지가 상자 크기를 채우기 위해 (크기가 다른 경우에도) "축소 또는 확대"([관리자]> [형식])를 선택할 수 있습니다. 웹 뷰어를 사용하여 이미지가 포함 된 상자를 만들 수 있지만 관리자의 서식을 편집 할 수는 없습니다.크기에 맞게 웹 뷰어 크기 조정 (축소 또는 확대)

웹 뷰어 상자에 URL (.jpg로 끝나는 이미지)을 어떻게 채울 수 있습니까?

답변

0

당신은 HTML과 CSS를 사용하여 웹 뷰어에서 영상의 높이와 너비를 지정할 수 있습니다 :이 사용 인라인 CSS의 간단한 예는 다음과 같이 될 수 있습니다. 이미지 URL이 이미지 :: URL에서 참조 된 경우 다음과 같이 당신은 그것을 포함 할 수있다 :

"data:text/html, <style type='text/css'> 

/* Remove margins from the 'html' and 'body' tags */ 

html, body {height:100%; margin:0; padding:0;} </style> 

<img src='" & Image::URL & "' style='width:100%; height:100%;' />" 

의 선택을 취소 "를 상호 작용을 허용 ..."웹 뷰어 "디스플레이 진행률 표시 줄"과 "디스플레이 상태 메시지를"(설정)

+0

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ –

2

HTML 또는 CSS를 사용하여 웹 뷰어에서 이미지 높이를 지정할 수 있습니다.

"data:text/html, 
<img src='" & Image::URL & "' style='width:100%; height:100%;' />" 
+0

위대한 일이 국경과 함께 일어나는 것을 제외하면 위대한, 위, 왼쪽 및 오른쪽,하지만 아래쪽 경계선을 박았! –

+0

험 .. 이상하게 들리네. 아마도 모든 가장자리에 테두리를 추가하지만 이미지 크기 조정으로 인해 위쪽 및 왼쪽 만 볼 수 있습니까? "border : 0px;"를 추가하여 테두리 폭을 0으로 지정할 수 있습니다. img-tagg의 스타일 섹션 안에 있습니다. – rymored

+0

불행하게도 이것과'padding : 0px' 또는'margin : 0px'를 추가해도 경계 문제가 해결되지 않습니다. : s –

관련 문제