随机二次元图片API
使用声明
随机图片贵不在多,而在精,所有图片为闲时收集而来的高清尺寸。
公益免费且稳定运行,请勿用于非法网站。
我会经常逛来源站,发现好站还会分享一下~~~你介意吗
图库内容根据分类热度持续更新中......
API发布页:t.mwm.moe
长时间使用本API,为防止因不可抗拒原因导致走失,可收藏本站。
多样化使用方法
下列是一些简单的使用方法,仅供参考,需以实际情况插入代码
ACG动态视频壁纸
在需要背景视频壁纸的框架下添加:
<video autoplay muted loop id="myVideo" preload="auto">
<source src="https://t.mwm.moe/acg/acg" type="video/mp4">
</video>
再添加如下样式:
#myVideo {
position: absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
z-index: -1; /* 确保视频在框架最下层 */
}
使某框架,计算时间自动刷新图片
例如你想让一个body达到效果,首先定义好ID,做好css样式,接着插入一段JS即可
<body id="bg-shuaxin">//定义body的框架ID
</body>
<style>//引用css样式
body {
background-image: url('https://t.mwm.moe/pc');
background-size: cover;
background-repeat: no-repeat;
}
<style>
<script>//引用JS样式
function updateBackgroundImage() {
const imageUrl = 'https://t.mwm.moe/pc';//图片URL
const timestamp = Date.now();
const section = document.getElementById('bg-shuaxin');//输入定义的ID
section.style.backgroundImage = `url('${imageUrl}?${timestamp}')`;
setTimeout(updateBackgroundImage, 10000); // 每10秒(10000毫秒)刷新一次
}
updateBackgroundImage(); // 初始化时立即执行一次
</script>
如何让你的网页自适应切换移动端图片
已推出自适应API,大可不必如此麻烦了
例如一个body框架,你想让他在电脑端默认样式,而在手机上则自动切换另一个样式,你可以这样做:
//默认样式
body {
background-image: url('https://t.mwm.moe/pc');
background-size: cover;
background-repeat: no-repeat;
}
//检测浏览器是否为竖屏。因为手机是竖着的对吧?你可以依此开发出不同设备中的样式。
@media all and (orientation : portrait){
//如果是则替换如下样式。(修改了链接为mp图)
body {
background-image: url('https://t.mwm.moe/mp');
background-size: cover;
background-repeat: no-repeat;
}
同一个页面,同一个url接口,拉取不同的图片
通常来说为了快捷,一个网页中请求的同一个url返回的内容都是一样的。
所以默认就不会再次发起请求,需要通过以下方法。
给服务器分别发起同样的请求,不同参数的时间戳,即可重复查询同一url。
https://t.mwm.moe/pc?postId=1
https://t.mwm.moe/pc?postId=2
https://t.mwm.moe/pc?postId=3
比如这三个链接同一次加载中,可以请求回来三张不一样的图片。
自动制作时间戳的案例(html+JS):
<!DOCTYPE html>
<html>
<body>
<img id="myImg" src="" alt="图片加载失败">
<script>
// 假设你的图片URL是'https://t.mwm.moe/ys'
var imgUrl = 'https://t.mwm.moe/ys';
// 获取当前的时间戳
var timestamp = new Date().getTime();
// 将时间戳添加到URL后面
imgUrl += '?t=' + timestamp;
// 将新的URL设置为图片的src
document.getElementById('myImg').src = imgUrl;
</script>
</body>
</html>
json调用
所有的分类API已支持输出json
示例:
可获取的参数为
{"code":200,
"url":"https:\/\/tc.mwm.moe\/i\/1\/2023\/10\/28\/653c6e479d3de.webp",
"width":7680,
"height":4320}
本文是原创文章,完整转载请注明来自 栗子
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果