[[embed]]
<iframe src="//interwiki.scpwikicn.com/styleFrame.html?priority=0&override=1&type=sidebar&theme=https%3A%2F%2Finterwiki.scpwikicn.com%2Fcss%2Fstyle-bhl.css" style="display: none"></iframe>
[[/embed]]
这是什么?
一个另类的 [插图方块] 合集,为你的文章、SCP、故事或任何东西中的插图提供额外的互动性!
使用方法
大多数都不言而喻,但有几个共同特点:
- 在 SIGMA-9 和黑色标记笔上均可使用
- 任何
true/false选项必须添加。 - 图像可以浮动。这意味着文本将会环绕它们。如果你设置
|float=true,你也需要选择|align=left/right。这决定了图像将浮动在屏幕的哪一侧。 - 宽度(width)为最大宽度。在移动端上,图像永远保持为 50% 屏幕最大宽度。如果你想改变,你必须编辑 CSS 值。
.scp-image-block[data-feature="image-feature"] {
max-width: [在此添加宽度] !important;
} - 说明文字为可选项!如果你设置
|add-caption=false,你不需要添加|caption=文本。 - 分形噪点揭示和马赛克揭示都使用了 iframe 中的 HTML…在 Wikidot 上会有点奇怪。他们应该能正常工作,但确实有出现问题的可能。
- 如果你还有任何问题或要求,请随时联系
Woedenaz。不能保证我会很快回复,不过我会尽力而为!
多行说明文字
你可以添加多行说明文字。
只需像这样设置代码格式:
|caption=这是一段无比长的说明文字,最终将换行。 _
你只需要在行末添加一个空格和一个下划线。 _
记得添加空格,否则无效。 _
在下划线之后添加空格也无效。
图像揭示
悬停模糊揭示
移动端轻触模糊揭示
WikiJump include 未展开: 跨站引用未启用(:scp-wiki:component:image-features-source)
|blur-amount=数值 推荐 1.5 - 5。更高的数值 = 更加模糊!
|speed=数值 动画速度(毫秒)
|float=true/false
|align=left/right
|width=px/rem/vw/% 任何长度单位均可。
|url=url 地址
|add-caption=true/false
|caption=文本
]]
悬停模糊切换图像
移动端轻触模糊切换图像
WikiJump include 未展开: 跨站引用未启用(:scp-wiki:component:image-features-source)
|blur-amount=数值 推荐 1.5 - 5。更高的数值 = 更加模糊!
|speed=数值 动画速度(毫秒)
|float=true/false
|align=left/right
|width=px/rem/vw/% 任何长度单位均可。
|start-url=url 地址 悬停之前的图像 URL 地址。
|hover-url=url 地址 悬停之后的图像 URL 地址。
|add-caption=true/false
|caption=文本
]]
悬停滑动模糊揭示
移动端轻触滑动模糊揭示
支持火狐的模糊滑动代码由 EstrellaYoshte 提供!
WikiJump include 未展开: 跨站引用未启用(:scp-wiki:component:image-features-source)
|blur-amount=数值 推荐 5 - 10。更高的数值 = 更加模糊!
|slide-direction=left/right/top/bottom 滑动远离的方向。
|float=true/false
|align=left/right
|speed=数值 动画速度(毫秒)
|width=px/rem/vw/% 任何长度单位均可。
|url=url 地址
|add-caption=true/false
|caption=文本
]]
悬停滑动方块揭示
移动端轻触滑动方块揭示
WikiJump include 未展开: 跨站引用未启用(:scp-wiki:component:image-features-source)
|block-color=hex/rgb/hsl 任何颜色格式均可。
|slide-direction=left/right/top/bottom 滑动远离的方向。
|speed=数值 动画速度(毫秒)
|float=true/false
|align=left/right
|width=px/rem/vw/% 任何长度单位均可。
|url=url 地址
|add-caption=true/false
|caption=文本
]]
滑动图片揭示
WikiJump include 未展开: 跨站引用未启用(:scp-wiki:component:image-features-source)
|block-color=hex/rgb/hsl 任何颜色格式均可。
|float=true/false
|align=left/right
|width=px/rem/vw/% 任何长度单位均可。
|left-url=url 这是左侧图片的链接。
|right-url=url 这是右侧图片的链接。
|slider-start-percent=0-100 滑杆距离左侧的距离百分比。
|slider-color=hex/rgb/hsl 任何颜色格式均可。
|slider-circle-size=px/rem/vw/% 任何长度单位均可。
|add-caption=true/false
|caption=文本
]]
悬停分形噪点揭示
移动端轻触分形噪点揭示
WikiJump include 未展开: 跨站引用未启用(:scp-wiki:component:image-features-source)
|fractal-size=1-999 更高的数值代表更细的分形。
|speed=数值 动画速度(毫秒)
|float=true/false
|align=left/right
|width=px/rem 不允许 vw/%。
|background=color/url("")/gradient 任何形式的背景均可。
|url=url 地址
|add-caption=true/false
|caption=文本
]]
悬停马赛克揭示
移动端轻触马赛克揭示
WikiJump include 未展开: 跨站引用未启用(:scp-wiki:component:image-features-source)
|pixel-res=数值 更高的数值代表更大的马赛克。(推荐 4-32)
|speed=数值 动画速度(毫秒)
|float=true/false
|align=left/right
|width=px/rem 不允许 vw/%。
|url=url 地址
|add-caption=true/false
|caption=文本
]]
图像缩放
悬停放大
移动端轻触放大
WikiJump include 未展开: 跨站引用未启用(:scp-wiki:component:image-features-source)
|enlarge-amount=数值 更高的数值代表更大的倍率。(推荐 5-20)
|speed=数值 动画速度(毫秒)
|float=true/false
|align=left/right
|width=px/rem/vw/% 任何长度单位均可。
|url=url 地址
|add-caption=true/false
|caption=文本
]]
点击并按住以全屏
移动端轻触全屏
WikiJump include 未展开: 跨站引用未启用(:scp-wiki:component:image-features-source)
|speed=数值 动画速度(毫秒)
|float=true/false
|align=left/right
|width=px/rem/vw/% 任何长度单位均可。
|url=url 地址
|add-caption=true/false
|caption=文本
]]






