6
MediaWiki pictures은 간단한 형식으로 특정 크기로 설정할 수 있습니다.화면 크기에 따라 MediaWiki 이미지의 크기를 자동으로 조정하는 방법이 있습니까?
그러나 브라우저/화면 크기에 따라 tables의 크기가 즉시 조정됩니다.
이미지를 테이블처럼 크기를 조정할 수 있습니까?
(이미지 테이블 내부 이 작동하지 않습니다!)
A
답변
4
나는 서로 다른 크기의 사진을 몇 개 가질 수 없다는 점에서 위의 대답과 동일한 질문과 의견을 보았습니다. 그래서 나는 이것을 허용하는 mediawiki extension을 작성했습니다 : http://mediawiki.org/wiki/Extension:AdaptiveThumb
1
을 한마디로, 아니,이 작업을 수행하는 쉬운 방법이 없습니다. 그것은 아마 피할 수없는 자바 스크립트의 무리로 할 수 있지만, 나는 이것을 시도한 사람을 알지 못한다. 구현은 사소하지 않을 것이다.
+1
당신을 위해 버그를보고 할 수있는 곳을 찾을 수 있습니다 :) –
0
짧은 대답은 아니오입니다. 긴 대답은 사용자의 화면 해상도를 결정하고이를 쿠키에 저장할 수있는 자바 스크립트를 작성해야한다는 것입니다. 이렇게하면 common.js에서 가장 많이 수행되어야 할 것입니다. 따라서 10 억 명의 사용자를 제외하고 사이트에 한번도 가본 적이없고 동적 크기의 이미지로 페이지를 직접 탐색 할 수 있습니다 (기본 페이지에 그런 내용을 넣지 않기를 바랍니다). 페이지. 그런 다음 페이지에서 해당 변수를 사용하여 크기를 {{#expr:(File height * % of screen you want it to take)*(screen height)}}x{{#expr:(File width * % of screen you want it to take)*(screen width)}}px으로 설정할 수 있습니다. 나의 위키 호스트는 그가 만들고 싶은 섹션의 요청에 따라 새로운 확장 기능을 작성하는 중이라고합니다. 내 앞에 다른 것을 발견하면이 게시물을 업데이트하여 볼 수 있습니다. 감사. : D
+0
왜 사용자의 화면 해상도를 쿠키에 써야합니까?생방송이고 바뀌는 것입니다. 1 초는 1400 픽셀이고 다른 하나는 600 픽셀입니다. – kiradotee
3
브라우저의 크기를 조정할로 동적 크기 조정 : CSS 파일의 시작에서 다음 줄을 넣어 :. \ 스킨 \ 공통 \의 shared.css
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
각각의 크기 조정이 가능한 이미지가 될 것입니다 더 여기에 <div></div>
<div>[[Image:MyImage.png]]</div>
읽기 내부에 위치 : http://www.mediawiki.org/wiki/Help_talk:Images
1
CSS 해킹을 설정할 수 있습니다.
img[alt=~w100] { width: 100% !important; height: auto !important; }
당신 때문에 점에 유의 마십시오
미디어 위키는 그 변수에 같은 w100 또는 resizeable 당신이 CSS를 가진 요소를 대상으로 할 수 있도록 특별한 문자열을 포함, 당신은 고도 텍스트 같은 몇 가지 변수를 포함 할 수 있습니다 크기가 요소 스타일로 설정되기 때문에 !important은 CSS에 사용되지 않으므로 용도에 맞게 alt을 사용하고 있습니다. 이는 가능한 한 피해야하며 최후의 수단으로 사용해야합니다.
나는 아래의 답에서 서로 다른 상대적인 크기의 여러 사진을 가질 수 없다는 동일한 질문을 보았다. 그래서 나는 mediawiki extension을 썼습니다. https://www.mediawiki.org/wiki/Extension:AdaptiveThumb –
@ThorstenStaerk : 새로운 대답으로 추가 할 것을 제안합니다! – Wikis