MediaWiki pictures có thể được đặt ở một kích thước nhất định với định dạng đơn giản.Có cách nào tự động thay đổi kích thước các hình ảnh MediaWiki tùy thuộc vào kích thước màn hình không?
Tuy nhiên, tables sẽ đổi kích thước nhanh chóng tùy thuộc vào kích thước trình duyệt/màn hình.
Có thể tạo hình ảnh để thay đổi kích thước như bảng không?
(Hình ảnh bên bảng không hoạt động!)
Tôi đã có cùng một câu hỏi và nhìn thấy từ các câu trả lời ở trên (bây giờ họ đang ở dưới) mà bạn không thể có một số bức ảnh với kích thước tương đối khác nhau. Vì vậy, tôi đã viết một phần mở rộng mediawiki cho phép điều này: http://mediawiki.org/wiki/Extension:AdaptiveThumb
Nói tóm lại, không, không có cách nào dễ dàng để làm điều này. Nó có thể hình dung được thực hiện với một loạt các Javascript khó hiểu, nhưng tôi không nhận thức được bất cứ ai đã cố gắng này và việc thực hiện sẽ không được tầm thường.
bạn sẽ tìm thấy nơi để báo cáo lỗi trong trường hợp nó không hoạt động cho bạn :) –
Câu trả lời ngắn gọn là không. Câu trả lời dài là bạn sẽ phải viết JavaScript có thể xác định độ phân giải màn hình của người dùng và lưu trữ nó trong một cookie .. Điều này sẽ phải được thực hiện nhiều nhất trong common.js để ngoại trừ một trong một tỷ người dùng chưa bao giờ đến trang web và quản lý để điều hướng trực tiếp đến trang có hình ảnh động (tôi hy vọng bạn sẽ không đặt một thứ gì đó như thế trên trang chính của bạn), thông tin đó sẽ có khi họ truy cập trang. Sau đó, trang có thể sử dụng các biến đó để đặt kích thước là {{#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. Các máy chủ của wiki của tôi nói rằng ông đang trong quá trình viết một phần mở rộng mới mà có thể có thể làm điều đó như là một phần của một yêu cầu cho một phần <div style="overflow-x: scroll; width: {{#expr:(File width * % of screen you want it to take)*(screen width)}}px;"> tôi muốn thực hiện. Nếu bạn tìm thấy cái gì khác trước tôi, hãy cập nhật bài đăng này để tôi có thể xem nó. Cảm ơn. : D
Tại sao bạn thậm chí cần phải viết độ phân giải màn hình của người dùng vào một cookie?Đó là thứ gì đó sống động và thay đổi nhanh chóng. Một giây là 1400px, giây còn lại có thể là 600px. – kiradotee
động thay đổi kích thước như trình duyệt được thay đổi kích cỡ: Đặt dòng tiếp theo vào lúc bắt đầu của tập tin css:. \ skins \ chung \ shared.css
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
Mỗi hình ảnh thay đổi kích thước sẽ đặt bên trong một <div></div>
<div>[[Image:MyImage.png]]</div>
đọc thêm ở đây: http://www.mediawiki.org/wiki/Help_talk:Images
Bạn có thể thiết lập một bản hack CSS.
Mediawiki cho phép bạn bao gồm một số biến như alt-text, bao gồm trong biến đó một chuỗi đặc biệt như w100 hoặc resizeable sẽ cho phép bạn để nhắm mục tiêu các phần tử với CSS:
img[alt=~w100] { width: 100% !important; height: auto !important; }
Do lưu ý rằng kể từ khi bạn đang sử dụng alt cho những thứ không được sử dụng và !important trong CSS (vì MW đặt kích thước làm kiểu phần tử), điều này là tránh được càng nhiều càng tốt và được sử dụng như phương sách cuối cùng.
Tôi có cùng một câu hỏi và được nhìn thấy từ các câu trả lời bên dưới mà bạn không thể có nhiều bức ảnh với các kích thước tương đối khác nhau. Vì vậy, tôi đã viết một phần mở rộng mediawiki: https://www.mediawiki.org/wiki/Extension:AdaptiveThumb –
@ThorstenStaerk: đề nghị bạn thêm như là một câu trả lời mới! – Wikis