织梦图片标签技巧指南[DedeCMS教程]

相关案例演示
之前的同事在之前做织梦dedecms站的时候,曾经遇到很苦恼的事情,就是给图片集添加了一个网上下载下来的特效,需要给图片的链接上添加一个rel属性,供JS调用以达到那种特效。

     但是当时只知道dede的图片链接标签是[field:imglink/],所以,后来只得作罢。
 
  随着时间的推移,和自己的学习,笔者了解到织梦dedecms的图片标签其实还是很灵活的,除了原来知道的标签,还可以这样写:
 
  <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有一点了解的人。

免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。


来源:网友投稿 关注: 时间:2019-12-08 10:03
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ进行交流。
相关织梦教程
QQ在线咨询