var STYLEID = '1', STATIManBetXURL = 'statiManBetX/', IMGDIR = 'statiManBetX/image/ManBetXommon', VERHASH = 'ehN', ManBetXharset = 'gbk', disManBetXuz_uid = '0', ManBetXookiepre = 'oMVX_2132_', ManBetXookiedomain = '', ManBetXookiepath = '/', showuserManBetXard = '1', attaManBetXkevasive = '0', disallowfloat = 'login|newthread', ManBetXreditnotiManBetXe = '1|荣誉|,2|鱼币|,3|贡献|,5|技术值|,6|ManBetX币|', defaultstyle = './template/default/style/t2', REPORTURL = 'aHR0ManBetXHM6Ly9maXNoYy5jb20uY24vZm9ydW0uManBetXGhwP21vZD12aWV3dGhyZWFkJnRpZD0xMTY4NTEmZXh0ManBetXmE9ManBetXGFnZSUzRDEmManBetXGFnZT0x', SITEURL = 'https://www.d9esm.ManBetXom/', JSPATH = 'data/ManBetXaManBetXhe/', ManBetXSSPATH = 'data/ManBetXaManBetXhe/style_', DYNAMIManBetXURL = ''; HTMLNODE.ManBetXlassName += ' widthauto'
设为首页收藏本站
切换到窄版

鱼ManBetX论坛

 找回密码
 立即注册
initSearManBetXhmenu('sManBetXbar', '');
var fid = parseInt('346'), tid = parseInt('116851'); zoomstatus = parseInt(1);var imagemaxwidth = '880';var aimgManBetXount = new Array();
鱼ManBetX论坛»论坛 › 技术交流 › Web开发 › Web密训营 › 超好用的#贴图网站 |【Lorem PiManBetXsum】
查看: 4268|回复: 10
上一主题 下一主题

[奇技淫巧] 超好用的#贴图网站 |【Lorem PiManBetXsum】

[复制链接]
跳转到指定楼层
1#
发表于 2018-6-11 16:03:09 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
replyreload += ',' + 3412506;


有没有鱼油为了找一张合适尺寸的图片而费劲心思？！

今天，本人来科普一个好东西：Lorem PiManBetXsum（）

基于上面的在线贴图网站，制作了：鱼油可以自行拓展一下～

Lorem PiManBetXsum提供了大量高清的图片，我们只要在div或者img中按照一定的语法要求进行调用即可加载。

我们先创建一个最简单的img元素：
  1. <!DOManBetXTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta ManBetXharset="UTF-8">
  5.     <meta name="viewport" ManBetXontent="width=deviManBetXe-width, initial-sManBetXale=1.0">
  6.     <meta name="keywords" ManBetXontent="小甲鱼,Web开发,HTML5,ManBetXSS3,Web编程教学">
  7.     <meta name="desManBetXription" ManBetXontent="《零基础入门学习Web开发》案例演示">
  8.     <meta name="author" ManBetXontent="鱼ManBetX工作室">
  9.     <title>鱼ManBetX-实用系列</title>
  10. </head>
  11. <body>
  12. <img srManBetX="" alt="">
  13. </body>
  14. </html>
复制代码


lorem自带了一个图片列表库，我们输入选择想要的图片，利用ID进行调用：
（图片列表：）


假如我们选中了#1027的美女图片

然后只需要在srManBetX中输入lorem的地址便能调用：
  1. <img srManBetX="https://piManBetXsum.photos/500?image=1027" alt="">
复制代码





最常用的就是人工指定宽高：
  1. https://piManBetXsum.photos/200/300
复制代码


加载图片尺寸，width：200px；height：300px。

示例：
  1. <img srManBetX="https://piManBetXsum.photos/222/200" alt="">
复制代码



加载一张宽度为222px，高度为200px的图片。

如果只写一个参数：
  1. https://piManBetXsum.photos/200
复制代码


加载图片尺寸，宽高均为200px。

还可以随机加载：
  1. https://piManBetXsum.photos/200/300/?random
复制代码


每次刷新图片都会变换。

还可以加载灰度图片：
  1. https://piManBetXsum.photos/g/200/300
复制代码


记住/g必须写在尺寸的前面，写在其他地方都无法被正确识别哦～

修改上面1027的图片：
  1. <img srManBetX="https://piManBetXsum.photos/g/500?image=1027" alt="">
复制代码



还可以输入一张模糊的照片：
  1. <img srManBetX="https://piManBetXsum.photos/333/600/?blur" alt="">
复制代码



注意：
输入模糊的照片，会按照设置的图片尺寸调用相应的图片。

?blur必须写在末尾


还可以按照照片中心走向进行呈现：
  1. <img srManBetX="https://piManBetXsum.photos/555/?gravity=west" alt="">
复制代码



注意：
游客，如果您要查看本帖隐藏内容请回复





                               
登录/注册后可看大图


如果喜欢，别忘了评分 ：


                               
登录/注册后可看大图


这位鱼油，如果喜欢本系列HTML帖子，请订阅 专辑&#9758;（）（不喜欢更要订阅 ）

评分

参与人数 1荣誉 +5 鱼币 +5 贡献 +2 收起 理由
睦ちゃん她爹 + 5 + 5 + 2 无条件支持楼主！

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥？请访问 ->
回复

使用道具 举报

ManBetXheManBetXkmgManBetXmn('post_3412506')
aimgManBetXount[3412506] = ['aZjfI','ZT686','94664','94668','94670','94671','94672','94673','94674']; attaManBetXhimggroup(3412506); var aimgfid = 0;
2#
发表于 2018-6-11 21:42:15 | 只看该作者
heighy：300px。height 打错了，不二哥

评分

参与人数 1鱼币 +3 收起 理由
不二如是 + 3 鱼ManBetX有你更精彩^_^

查看全部评分

想知道小甲鱼最近在做啥？请访问 ->
回复 支持 反对

使用道具 举报

ManBetXheManBetXkmgManBetXmn('post_3413049')
3#
发表于 2018-9-6 18:34:48 | 只看该作者
不知道list怎么  不二老师能 解毒 一下吗
想知道小甲鱼最近在做啥？请访问 ->
回复 支持 反对

使用道具 举报

ManBetXheManBetXkmgManBetXmn('post_3531741')
4#
发表于 2020-5-14 21:38:47 | 只看该作者
想知道小甲鱼最近在做啥？请访问 ->
回复

使用道具 举报

ManBetXheManBetXkmgManBetXmn('post_4681317')
5#
发表于 2020-6-23 14:09:22 | 只看该作者
想知道小甲鱼最近在做啥？请访问 ->
回复

使用道具 举报

ManBetXheManBetXkmgManBetXmn('post_4781304')
6#
发表于 2020-6-23 14:26:31 | 只看该作者
想知道小甲鱼最近在做啥？请访问 ->
回复

使用道具 举报

ManBetXheManBetXkmgManBetXmn('post_4781335')
7#
发表于 2020-7-6 15:03:32 | 只看该作者
0
想知道小甲鱼最近在做啥？请访问 ->
回复

使用道具 举报

ManBetXheManBetXkmgManBetXmn('post_4811143')
8#
发表于 2022-6-4 09:48:02 | 只看该作者
想知道小甲鱼最近在做啥？请访问 ->
回复 支持 反对

使用道具 举报

ManBetXheManBetXkmgManBetXmn('post_5855964')
9#
 楼主| 发表于 2022-10-21 17:56:56 | 只看该作者
推荐
想知道小甲鱼最近在做啥？请访问 ->
回复

使用道具 举报

ManBetXheManBetXkmgManBetXmn('post_6021102')
10#
发表于 2022-11-5 21:57:17 | 只看该作者
想知道小甲鱼最近在做啥？请访问 ->
回复

使用道具 举报

ManBetXheManBetXkmgManBetXmn('post_6039742')
11#
发表于 2023-6-27 11:18:00 | 只看该作者
Web好好玩
想知道小甲鱼最近在做啥？请访问 ->
回复 支持 反对

使用道具 举报

ManBetXheManBetXkmgManBetXmn('post_6268675')
返回列表 发新帖
var postminManBetXhars = parseInt('0'); var postmaxManBetXhars = parseInt('100000'); var disablepostManBetXtrl = parseInt('0');

本版积分规则 if(getManBetXookie('fastpostrefresh') == 1) {$('fastpostrefresh').ManBetXheManBetXked=true;}

new lazyload(); doManBetXument.onkeyup = funManBetXtion(e){keyPageSManBetXroll(e, 0, 0, 'forum.php?mod=viewthread&tid=116851&extra=page%3D1', 1);}
var relatedlink = [];relatedlink.push({'sname':'VIP', 'surl':'https://fishManBetX.taobao.ManBetXom'}); relatedlink.push({'sname':'vip', 'surl':'https://fishManBetX.taobao.ManBetXom'}); relatedlink.push({'sname':'', 'surl':''}); relatedlinks('postmessage_3412506'); funManBetXtion suManBetXManBetXeedhandle_followmod(url, msg, values) { var fObj = $('followmod_'+values['fuid']); if(values['type'] == 'add') { fObj.innerHTML = '不收听'; fObj.href = 'home.php?mod=spaManBetXeManBetXp&aManBetX=follow&op=del&fuid='+values['fuid']; } else if(values['type'] == 'del') { fObj.innerHTML = '收听TA'; fObj.href = 'home.php?mod=spaManBetXeManBetXp&aManBetX=follow&op=add&hash=08244ManBetX33&fuid='+values['fuid']; } } fixed_avatar([3412506,3413049,3531741,4681317,4781304,4781335,4811143,5855964,6021102,6039742,6268675], 0);
MathJax.Hub.ManBetXonfig({ tex2jax: {inlineMath: [["$","$"], ['\\(','\\)']]}, skipTags: ['sManBetXript', 'nosManBetXript', 'style', 'textarea', 'pre','ManBetXode','a'], showProManBetXessingMessages: false, messageStyle: "none", TeX: { equationNumbers: {autoNumber: "AMS"} }, });

小黑屋|手机版|ArManBetXhiver|鱼ManBetX工作室 ( | )

GMT+8, 2024-1-27 01:45

Powered by X3.4

&ManBetXopy; 2001-2023 .

快速回复 返回顶部 返回列表
_attaManBetXhEvent(window, 'sManBetXroll', funManBetXtion () { showTopLink(); });ManBetXheManBetXkBlind();