Template:Sprites/doc:修订间差异
跳转到导航
跳转到搜索
(创建页面,内容为“== 简介 == 该模板用于在页面中添加雪碧图(CSS Sprites,或精灵图),可以用于显示大量小图片,而提高图片的加载速度,减少文件获取所消耗的资源。一般可用于展示字母表等需要大量图片的场合。 == 用法 == 要使用这个模板可以采取以下的输入格式。 <pre> {{Sprites |pic=图片文件名.jpg |width=尺寸px |height=尺寸px |x=偏移px |y=偏移px |link=链入 |thumbcaption=提示…”) |
(→示例) |
||
第43行: | 第43行: | ||
|x=2px |
|x=2px |
||
|y=4px |
|y=4px |
||
|thumbcaption= |
|thumbcaption=内容 |
||
}} |
}} |
||
</pre> |
</pre> |
||
第52行: | 第52行: | ||
|x=2px |
|x=2px |
||
|y=4px |
|y=4px |
||
|thumbcaption= |
|thumbcaption=内容 |
||
}} |
}} |
||
2023年4月14日 (五) 20:53的最新版本
简介
该模板用于在页面中添加雪碧图(CSS Sprites,或精灵图),可以用于显示大量小图片,而提高图片的加载速度,减少文件获取所消耗的资源。一般可用于展示字母表等需要大量图片的场合。
用法
要使用这个模板可以采取以下的输入格式。
{{Sprites |pic=图片文件名.jpg |width=尺寸px |height=尺寸px |x=偏移px |y=偏移px |link=链入 |thumbcaption=提示语内容 |center=如果居中则填true(无thumbcaption不可用) |style=额外格式css(不建议) }}
示例
{{Sprites |pic=寿险精算数学.png |width=182px |height=166px |x=2px |y=4px }}
{{Sprites |pic=寿险精算数学.png |width=182px |height=166px |x=2px |y=4px |thumbcaption=内容 }}
{{Sprites |pic=寿险精算数学.png |width=182px |height=166px |x=2px |y=4px |thumbcaption=内容 |center=true }}