查看“帮助:图像”的源代码
←
帮助:图像
跳转至：
导航
，
搜索
因为以下原因，您没有权限编辑本页：
您所请求的操作仅限于这些用户组的用户使用：
用户
，
管理员
，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}
