查看“帮助:图像”的源代码
←
帮助:图像
跳转至：
导航
，
搜索
因为以下原因，您没有权限编辑本页：
您所请求的操作仅限于这些用户组的用户使用：
用户
，
管理员
，Editor
您没有权限编辑
帮助
名字空间内的页面。
您可以查看与复制此页面的源代码。
{{帮助导航}} {{引自其他wiki|中文维基百科|[[wikipedia:zh:Help:图像|帮助:图像]]}} <!--由于维基百科不允许外链图像（大概是安全），萌娘百科也不太鼓励外链图像，就不命名为“内联图像”了。--> 部分模板在萌娘百科中不存在，会显示为红色链接，这些模板在萌娘百科内是不能使用的 这是一个关于如何把WIKI上的图片添加到页面里的帮助，如果您要把其他地方的图片显示在页面中，参见：'''[[Help:外部图像]]''' ==无格式图片== 下列命令可插入无格式图片： '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|萌娘百科LOGO]]</nowiki>''' 这样插入的图片和原始上传图片大小一样。图片放置的位置是任意的，并且文本不会浮动（环绕四周）。例如： <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> [[File:Zh2014_moegirlpedia_logo.png|萌娘百科LOGO]] <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> 请注意图片在何处将文本分成两块是取决于标记的放置位置的。 ==指定位置== 现在，例如我们需要： #文本浮动（环绕四周）于图片；或 #指定图片放置的位置（左、右、嵌入等）。 要做到这一点，只需添加如下定位语句。 ===例1 - 右对齐，浮动=== '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|right|萌娘百科LOGO]]</nowiki>''' <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> [[File:Zh2014_moegirlpedia_logo.png|right|萌娘百科LOGO]] <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> <br style="clear:both;" /> ===例2 - 右对齐，浮动，带标题=== 通常将这些命令放置在段落开头，这样图像便可浮动在段落的右侧——许多条目的开头常常这样做。 '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|thumb|right|萌娘百科LOGO]]</nowiki>''' [[File:Zh2014_moegirlpedia_logo.png|thumb|right|萌娘百科LOGO]] <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> <br style="clear:both;" /> ===例3 - 左对齐，浮动=== '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|left|萌娘百科LOGO]]</nowiki>''' <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> [[File:Zh2014_moegirlpedia_logo.png|left|萌娘百科LOGO]] <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> <br style="clear:both;" /> ===例4 - 置中, 不浮动=== '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|center|萌娘百科LOGO]]</nowiki>''' <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> [[File:Zh2014_moegirlpedia_logo.png|center|萌娘百科LOGO]] <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> <br style="clear:both;" /> ===例5 - 不浮动=== '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|none|萌娘百科LOGO]]</nowiki>''' <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> [[File:Zh2014_moegirlpedia_logo.png|none|萌娘百科LOGO]] <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> ==使用框架，添加标题== 图片常常需要一个标题来进行描述，这时就需要使用框架将它们框起来。 '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|thumb|此图为萌娘百科LOGO]]</nowiki>''' <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> [[File:Zh2014_moegirlpedia_logo.png|thumb|此图为萌娘百科LOGO]] <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> <br style="clear:both;" /> ==缩略图== 缩略图会将图片框起来，并在右下角显示一个放大的标记。这是一个让用户知道一个尺寸更大的版本的好方法。缩略图也让我们可以指定图片的标题（关于题注的撰写，参见[[Wikipedia:zh:wikipedia:题注]]）。 '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|thumb|萌娘百科LOGO]]</nowiki>''' <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> [[File:Zh2014_moegirlpedia_logo.png|thumb|萌娘百科LOGO]] <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> <br style="clear:both;" /> ==调整大小== 当图片太大的时候，我们可能希望在条目中只显示一幅相应的较小的图。 维基格式支持自动调整大小；换言之，当贡献者上传了某一大小的图片后，当其他人查看条目时，图片会自动调整为指定的大小。例如，我们需要图片宽100[[像素]]： '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|100px]]</nowiki>''' [[File:Zh2014_moegirlpedia_logo.png|100px]] 在典型的支持图片的浏览器中，若用户将鼠标移至图片上，将显示“100px”的提示字样；而在文本浏览器中，“100px”会在图片的位置显示出来。我们可以通过指定交替文本来改变它，如下： '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|100px|萌娘百科LOGO]]</nowiki>''' [[File:Zh2014_moegirlpedia_logo.png|100px|萌娘百科LOGO]] 如果要使之变成500像素宽： '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|500px|萌娘百科LOGO]]</nowiki>''' [[File:Zh2014_moegirlpedia_logo.png|500px|萌娘百科LOGO]] 通常这些过大的图片都不应该放置在条目内文里，这会不方便读者浏览。大多数图片的宽度应大约位于100至400像素之间，所以在设定图片大小时，数值不应超过这个范围。 另外请注意当图片分辨率小于设置的宽度时，图片会被强行拉伸导致分辨率会下降。所以请避免把小图放大。 ---- 除了上述按照宽度调整图像，也可以按照高度调整图像： '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|x100px]]</nowiki>''' [[File:Zh2014_moegirlpedia_logo.png|x100px]] 与宽度不同，当图片高度小于设置的高度时，图片不会被强行拉伸。 ==带有链接的图片== <!--本段落来自[[Help:外部图像]]，并非维基百科[[wikipedia:zh:Help:图像]]--> 如果你想点击图片，使之跳转到特定条目，可以这样写： '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|link=首页]]</nowiki>''' [[File:Zh2014_moegirlpedia_logo.png|link=首页]] 同样的，'''link语法'''也支持外部链接： '''<nowiki>[[File:Wikipedia-logo.png|link=https://zh.wikipedia.org/wiki/Wikipedia:首页]]</nowiki>''' [[File:Wikipedia-logo.png|link=https://zh.wikipedia.org/wiki/Wikipedia:首页]] ==结合不同选项== 好了，前面的命令都很不错。不过如果不将它们结合起来使用，其实是没有太大用处的。现在，我们有一幅图片需要进行浮动、右对齐、缩略图、调整为100像素宽、链接到[[首页]]、并有一个标题。这时只需要将前面的参数一块用上就可以了。参数的顺序通常无所谓，但须保证'''图片名是第一个参数，而标题只能在最后一个'''。 '''<nowiki>[[File:Zh2014_moegirlpedia_logo.png|thumb|100px|right|link=首页|萌娘百科LOGO]]</nowiki>''' <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> [[File:Zh2014_moegirlpedia_logo.png|thumb|100px|right|link=首页|萌娘百科LOGO]] <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> <br style="clear:both;" /> ==避免图像“堆积”== 许多用户进行图像浮动时常碰到一个问题，就是多幅图片有时会水平地“堆积”在一起，对于大型图片尤其如此。“最佳”的解决方法是，添加更多的文本，但有时这是不可能的。本节将介绍一些解决办法。 [[File:Zh2014_moegirlpedia_logo.png|thumb|300px|right|萌娘百科LOGO]] <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> [[File:Wikipedia-logo.png|right|thumb|200px|维基百科的标志]] <br style="clear:both;" /> === 联合对齐相似图片=== 经常会有两幅从逻辑上讲需要归于一组的相似图片。为做到这一点，需要加入一些html标记： <pre> <div style="float:right;width:315px;"> [[File:Zh2014_moegirlpedia_logo.png|none|thumb|300px|萌娘百科LOGO]] [[File:Wikipedia-logo.png|right|thumb|200px|维基百科的标志]] </div> </pre> <div style="float:right;width:315px;"> [[File:Zh2014_moegirlpedia_logo.png|right|thumb|300px|萌娘百科LOGO]] <br style="clear:all;" /> [[File:Wikipedia-logo.png|right|thumb|200px|维基百科的标志]] </div> <poem><span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。<nowiki> </nowiki>萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。萌娘百科，万物皆可萌的百科全书。 </span> <br style="clear:both;" /></poem> 有时候也可以水平对齐两幅图像： [[File:Zh2014_moegirlpedia_logo.png|left|thumb|300px|萌娘百科LOGO]] [[File:Zh2014_moegirlpedia_logo.png|none|thumb|300px|萌娘百科LOGO]] <pre> [[File:Zh2014_moegirlpedia_logo.png|left|thumb|300px|萌娘百科LOGO]] [[File:Zh2014_moegirlpedia_logo.png|none|thumb|300px|萌娘百科LOGO]] </pre> 不过，这应当较少采用，因为对使用较窄的浏览器窗口者有可能导致图片超过屏幕的右边缘。 实现这个效果的方法是利用[[Help:使用表格|表格标记]]： <pre> {| |- | [[File:Zh2014_moegirlpedia_logo.png|none|thumb|300px|萌娘百科LOGO]] | [[File:Zh2014_moegirlpedia_logo.png|none|thumb|300px|萌娘百科LOGO]] |} </pre> 另一种避免过宽的办法是，将两幅图都左对齐，直接进行堆积。 [[File:Zh2014_moegirlpedia_logo.png|left|thumb|300px|萌娘百科LOGO]] [[File:Zh2014_moegirlpedia_logo.png|left|thumb|300px|萌娘百科LOGO]] <br style="clear:both;" /> <pre> [[File:Zh2014_moegirlpedia_logo.png|left|thumb|300px|萌娘百科LOGO]] [[File:Zh2014_moegirlpedia_logo.png|left|thumb|300px|萌娘百科LOGO]] <br style="clear:both;" /> </pre> 这条命令<pre><br style="clear:both;" /></pre>是为了防止后面的文字直接显示在图片旁。 ===左右交替浮动=== 或许最简便的方式便是采用左右交替浮动的方法了 —— 这种方式使得两幅图片不会互相干扰，更不会叠加在一起。 [[File:Zh2014_moegirlpedia_logo.png|thumb|150px|right|萌娘百科LOGO]] [[File:Wikipedia-logo.png|left|thumb|150px|维基百科的标志]] <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> <br style="clear:both;" /> ===强迫换行=== 最后的手段是强迫浏览器加一空白行，令所有文字和图片都在第一幅图片之下出现。但图片旁的文字之下可能会出现唐突的空白。记住，用户的浏览器、显示屏解像度、默认的文字大小、浏览器上工具栏的数目等不同设定，都可能影响文本如何浮动和环绕图片。因此，不要为了令页面在你的计算机上看来美观而强行改变页面设计。只有在必须的情况下才把页面“劈开”。可以的话，让页面根据逻辑排列即可。 <pre> <br style="clear:both;" /></pre> 注：也可以用<code><nowiki>{{clear}}</nowiki></code>替代上句代码，效果一样。用<code><nowiki>{{-}}</nowiki></code>替代上句代码时会额外多空出一行，可视情况使用。 [[File:Zh2014_moegirlpedia_logo.png|thumb|300px|right|萌娘百科LOGO]] <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> <br style="clear:both;" /> [[File:Wikipedia-logo.png|right|thumb|200px|维基百科的标志]] <span style="color:#808080; font-size:90%"> 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 萌娘百科，万物皆可萌的百科全书 </span> <br style="clear:both;" /> === 图片集 === ====维基标记语言和层迭样式表单（CSS）==== 要在图片集展示一系列图片，一个简单的方法是使用维基标记语言和层叠样式表（CSS）：让所有图片靠左浮动，并在其后清除靠左浮动的设定，以免图片在图片集以后的内容中出现。 <pre> <nowiki> [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO1]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO2]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO3]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO4]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO5]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO6]] <br style="clear: left"/> </nowiki> </pre> 好处：简单、图片会根据画面大小换行。 [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO1]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO2]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO3]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO4]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO5]] [[File:Zh2014_moegirlpedia_logo.png|128px|thumb|left|萌娘百科LOGO6]] <br style="clear: left"/> == 画廊语法 == 用 <code><nowiki><gallery></nowiki></code> 标签制作一个由缩略图组成的画廊是很简单的。语法是： <pre> <nowiki><gallery></nowiki> File:文件名.扩展名|标题|alt=替代语言 File:文件名.扩展名|标题|alt=替代语言 {...} </gallery> </pre> 注意：当图片代码包括在画廊标签中时，是不必用方括号将其包裹起来的。 标题是可选的，也可包含维基链接或者其它格式。 如果图片位于 File 命名空间中，则可以省略 <code>File:</code> 前缀。 :* 注：alt属性的功能是，当图片无法打开（网速过慢、浏览器禁用图像 等原因）时，图片应有的位置会显示 <code>alt=</code> 之后的内容。 例如： <pre> <nowiki><gallery></nowiki> File:Moegirl_is_watching_you.jpg|第一项 File:Moegirl_is_watching_you.jpg|链接到<nowiki>[[:分类:帮助]]</nowiki> File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg|alt=萌百娘正在看着你 File:Moegirl_is_watching_you.jpg|<nowiki>''斜体的标题''</nowiki> File:Moegirl_is_watching_you.jpg|位于页面“<nowiki>{{PAGENAME}}</nowiki>” </gallery> </pre> 会被格式化为： <gallery> File:Moegirl_is_watching_you.jpg|第一项 File:Moegirl_is_watching_you.jpg|链接到[[:分类:帮助]] File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg|alt=萌百娘正在看着你 File:Moegirl_is_watching_you.jpg|''斜体的标题'' File:Moegirl_is_watching_you.jpg|位于页面“{{PAGENAME}}” </gallery> === 可选的画廊属性 === gallery 标记自身接受几个额外参数，可通过成对的“名称-值”来指定： <pre><gallery {参数}> {图片} </gallery></pre> * <code>caption="{标题}"</code>：（若标题文本中包含空格，应使用双引号将其包括起来）在画廊顶端中间位置显示一个标题。 * <code>widths={宽度}px</code>：设置图片宽度，默认为 120px。''注意，是每张图片的宽度。'' * <code>heights={高度}px</code>：设置图片的（最大）高度。 * <code>perrow={整数}</code>：设置每行显示的图片数。 * <code>showfilename={任意值}</code>：将每张图片的文件名显示为单独的标题 (1.17+) 示例： 代码： <pre> <gallery widths=60px heights=60px perrow=7 caption="萌百娘正在看着你"> File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg </gallery> </pre> 结果： <gallery widths=60px heights=60px perrow=7 caption="萌百娘正在看着你"> File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg File:Moegirl_is_watching_you.jpg </gallery> === 模式参数 === 从mediawiki 1.22版本开始，gallery标签新加入了模式参数功能, 可选参数如下: * <code>traditional</code>： 标准默认的画廊模式。 * <code>nolines</code>： 标准模式去掉了外围方框。 * <code>packed</code>： 设置图片为统一高度，系统自动根据长宽比调整图片宽度，根据屏幕宽度调整每行图片数。 * <code>packed-overlay</code>： packed模式外文字说明和半透明背景框。 * <code>packed-hover</code>： packed模式，鼠标悬浮时显示文字说明+半透明背景框。 举个例子说明： ==== <code>mode="traditional"</code> 标准模式 ==== <pre> <gallery mode="traditional"> Image:Moegirl_Head.png|萌百娘 Image:Wikitanface.png|维基娘 </gallery> </pre> <gallery mode="traditional"> Image:Moegirl_Head.png|萌百娘 Image:Wikitanface.png|维基娘 </gallery> ==== <code>mode="nolines"</code> 无框标准模式 ==== <pre> <gallery mode="nolines"> Image:Moegirl_Head.png|萌百娘 Image:Wikitanface.png|维基娘 </gallery> </pre> <gallery mode="nolines"> Image:Moegirl_Head.png|萌百娘 Image:Wikitanface.png|维基娘 </gallery> ==== <code>mode="packed"</code> 填充模式 ==== <pre> <gallery mode="packed"> Image:Moegirl_Head.png|萌百娘 Image:Wikitanface.png|维基娘 </gallery> </pre><gallery mode="packed"> Image:Moegirl_Head.png|萌百娘 Image:Wikitanface.png|维基娘 </gallery> ==== <code>mode="packed-overlay"</code> 带字幕的填充模式 ==== <pre> <gallery mode="packed-overlay"> Image:Moegirl_Head.png|萌百娘 Image:Wikitanface.png|维基娘 </gallery> </pre><gallery mode="packed-overlay"> Image:Moegirl_Head.png|萌百娘 Image:Wikitanface.png|维基娘 </gallery> ==== <code>mode="packed-hover"</code> 鼠标悬浮时显示文字的填充模式 ==== <pre> <gallery mode="packed-hover"> Image:Moegirl_Head.png|萌百娘 Image:Wikitanface.png|维基娘 Image:Zh2014 moegirlpedia logo.png|萌娘百科2014年Logo </gallery> </pre> <gallery mode="packed-hover"> Image:Moegirl_Head.png|萌百娘 Image:Wikitanface.png|维基娘 Image:Zh2014 moegirlpedia logo.png|萌娘百科2014年Logo </gallery> ===画廊代码自动生成=== {{#Widget:CreateGallery}} ==链接到图片但不显示图片== 假如你想链接到图片但不显示的话，有两个方法可以做到。 :'''<nowiki>[[Media:Zh2014_moegirlpedia_logo.png]]</nowiki>''' [[Media:Zh2014_moegirlpedia_logo.png]] 请注意那是 "Media" 而非 "File"。当按下该链接，浏览器会自动开启链接的图片。你亦可以改变显示的文字。 '''<nowiki>[[Media:Zh2014_moegirlpedia_logo.png|这是萌娘百科LOGO]]</nowiki>''' [[Media:Zh2014_moegirlpedia_logo.png|这是萌娘百科LOGO]] 若要连到图像页（包含何人、何时上载及版权信息等数据），而非直接连到图像，你可以这样写： '''<nowiki>[[:File:Zh2014_moegirlpedia_logo.png]]</nowiki>''' [[:File:Zh2014_moegirlpedia_logo.png]] 这图片跟本指南第一个图片的唯一分别是在"Image"之前加了一个冒号 (:)。 如上所述，你可以随意改动链接的文字。 '''<nowiki>[[:File:Zh2014_moegirlpedia_logo.png|该链接直接连到标志的图像页]]</nowiki>''' [[:File:Zh2014_moegirlpedia_logo.png|该链接直接连到标志的图像页]] {{帮助导航}} {{DEFAULTSORT:Tuxiang}} [[分类:帮助]]
该页面使用的模板：
模板:Helpbox
（
查看源代码
）
模板:Info
（
查看源代码
）
模板:Sidebar
（
查看源代码
）
模板:W
（
查看源代码
）
模板:帮助导航
（
查看源代码
）
模板:引自其他wiki
（
查看源代码
）
返回至
帮助:图像
。
导航菜单
个人工具
创建账户
登录
命名空间
帮助页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
讨论版
提问求助区
帮助
帮助
沙盒
编辑教程
创建新条目
工具
链入页面
相关更改
特殊页面
页面信息
![[希灵百科]](/resources/assets/xlbkbutt.png){kind=small}
