dede织梦图片标签技巧指南教程

笔者的同事在之前做dede站的时候，曾经遇到很苦恼的事情，就是给图片集添加了一个网上下载下来的高效，需要给图片的链接上添加一个rel属性，供JS调用以达到那种高效。但是当时只知道dede的图片链接标签是[field:imglink/]，所以，后来只得作罢。
随着时间的推移，和自己的学习，笔者了解到dede的图片标签其实还是很灵活的，除了原来知道的标签，还可以这样写：
<a href='[field:arcurl /]'>[field:image/]</a>
在这里“<a href='[field:arcurl /]'>[field:image/]</a>”与“[field:imglink /]” 是完全等价的，只不过前者更灵活一点，可以在 <a>中添加 title、rel等相关的属性。这样一来就给我们制作一些高效的时候带来了便捷。
其实dede的图片标签还有一些更高级更详尽的写法，比如

<a href='[field:arcurl /]' title="[field:title function='htmlspecialchars(@me)'/] ">[field:image/]</a>

这里主要是直接给图片调用了title，为图片的优化带来了一定的益处。其中title中的“function='htmlspecialchars(@me)'”是为了清除由于后台操作添加的html标签的，比如改变颜色的font或者加粗的b标签等。
两外，我们可以通过直接调用图片的地址的方法来更加灵活的调用图片链接

<a href='[field:arcurl /]'><img src='[field:litpic/]'></a>
<a href='[field:arcurl /]'><img src='[field:picname/]'></a>

则更为灵活，不仅可以添加title="",还可以添加 alt="",但是虽然灵活了，缺少了图片的宽度和高度的控制，所以要在CSS中控制图片的大小，适合对CSS有一点了解的人。

疯狂暗示打赏按钮

本文标签：织梦cms 织梦cms标签 

声明：本文由代码号注册/游客用户【陈仓翼】供稿发布，本站不对用户发布的dede织梦图片标签技巧指南教程信息内容原创度和真实性等负责。如内容侵犯您的版权或其他权益，请留言并加以说明。站长审查之后若情况属实会及时为您删除。同时遵循 CC 4.0 BY-SA 版权协议，尊重和保护作者的劳动成果，转载请标明出处链接和本声明内容。本文作者：陈仓翼» https://www.ebingou.cn/dmh/12626.html

很赞哦！ ()