全站通知:

模板:BigIMG

来自监狱建筑师WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索


        TEMPLATE PREVIEW        
文件:Create new prison v2.png


The image above is displayed in its full resolution, centered and it will resize when you resize the web browser window.

About

bigIMG Template has been created for guide type articles such as Beginner's guide. The role of this template is to present images in their full size (resolution), make them centered on the page and re-size them if needed to fit the web browser's window.

文件:Icon error.png PLEASE DON'T USE THIS TEMPLATE IF YOU DON'T REALLY HAVE TO.
文件:Icon error.png ALSO, PLEASE USE IMAGES SAVED AS JPG/JPEG INSTEAD OF PNG IF POSSIBLE (FOR SMALLER FILE SIZE) OR MAKE SURE THE FILE SIZE IS AROUND 1MB BIG. (Check Usage section below for more information about this.)

Usage

Template supports only 3 values:
• image - required, name of the file with its extension. Example: Screenshot 4.jpg. • image link - used to link the image to page. Examples: Sandbox (clicking on image will open the Sandbox article), Escape Tunnel (clicking on image will open the Escape Tunnel article). If not specified, won't link to anything. • image custom size - maximum width of image, can be used to resize the image and display it in a smaller size to reduce the file size or just for better looks.

文件:Icon error.png Images in full resolution take longer to load and that's why you should avoid using pictures of file size bigger than 1MB. It's fine if file is little bit bigger if you want to display one or two images but if you embed more files this way, keep them as small (file size wise) as possible.


The values are supposed to be placed in the correct order as presented below:

{{bigIMG|IMAGE.png|LINK|SIZE}}

Versions to copy:

Example #1
You have to replace IMAGE.png, LINK and SIZE)
 {{bigIMG|IMAGE.png|LINK|SIZE}} 
Example #2
Short version with no link and no size. You have to replace IMAGE.png with the file name you want to use.
 {{bigIMG|IMAGE.png}} 
Example #3
Version with size but no link. You have to replace IMAGE.png and SIZE.
 {{bigIMG|IMAGE.png| |SIZE}} 

Examples

        EXAMPLES        
 {{bigIMG|Create_new_prison_v2.png| |200px}} 
文件:Create new prison v2.png


The image in this example is max. 200px and don't link to anything
 {{bigIMG|Create_new_prison_v2.png}} 
文件:Create new prison v2.png


Example of image in full resolution and no link
 {{bigIMG|Screenshot_4.jpg|File:Screenshot_4.jpg|500px}} 
文件:Screenshot 4.jpg


The image in this example is max. 500px wide and clicking on it opens the image page
 {{bigIMG|Screenshot_60.png|Forestry}} 
文件:Screenshot 60.png


The image in this example is in full resolution and clicking on it opens the Forestry article.
<gallery mode="slideshow" showthumbnails  class="fullRes" style="width: 500px; margin: 0 auto; text-align: center;">
File:Screenshot_4.jpg
File:Screenshot_2.jpg
File:Create new prison v2.png
</gallery>
An example of gallery using fullRes class, that makes the images to display in full resolution. Width in this case may be changed or removed by editing width: 500px in the style attribute.


Preview unavailable due to some weird bug.