DEDE建站每日一课之图片标签技巧指南[DedeCMS好代码教程]

那浓雾,抓一把,软绵绵;吸一口,甜津津;踩一脚,轻悠悠。既然都是风景,何必纠结与下不去的站,互不干扰,各自安好。

        摘要:DEDE建站每日一课之图片标签技巧指南[DedeCMS好代码教程]

  笔者的同事在之前做dede站的时候,曾经遇到很苦恼的事情,就是给图片集添加了一个网上下载下来的特效,需要给图片的链接上添加一个rel属性,供JS调用以达到那种特效。但是当时只知道dede的图片链接标签是[field:imglink/],所以,后来只得作罢。

  随着时间的推移,和自己的学习,笔者了解到dede的图片标签其实还是很灵活的,除了原来知道的标签,还可以这样写:

  <a rel="nofollow noopener noreferrer" href='[field:arcurl /]'>[field:image/]</a>

  在这里“<a rel="nofollow noopener noreferrer" href='[field:arcurl /]'>[field:image/]</a>”与“[field:imglink /]” 是完全等价的,只不过前者更灵活一点,可以在 <a>中添加 title、rel等相关的属性。这样一来就给我们制作一些特效的时候带来了便捷。

  其实dede的图片标签还有一些更高级更详尽的写法,比如

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

  这里主要是直接给图片调用了title,为图片的优化带来了一定的益处。其中title中的“function='htmlspecialchars(@me)'”是为了清除由于后台操作添加的html标签的,比如改变颜色的font或者加粗的b标签等。

  两外,我们可以通过直接调用图片的地址的方法来更加灵活的调用图片链接

  <a rel="nofollow noopener noreferrer" href='[field:arcurl /]'><img src='[field:litpic/]'></a>

  <a rel="nofollow noopener noreferrer" href='[field:arcurl /]'><img src='[field:picname/]'></a>

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

到此这篇关于DEDE建站每日一课之图片标签技巧指南[DedeCMS好代码教程]就介绍到这了。现实的世界我们都在慢慢的長大,痛与伤是幸福开心的代价。更多相关DEDE建站每日一课之图片标签技巧指南[DedeCMS好代码教程]内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
dedecms建站如何保护版权下载的时候设置防盗链的方法

dedecms建站仿站如何使用的全局变量调用标签及路径大全整理总结

dedecms建站分页列表多出li标签导致分页错乱怎么办

Dedecms 织梦cms建站经验和技巧总结

浅谈织梦dedecms系统的建站优势