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

摘要:DEDE建站每日一课之图片标签技巧指南[DedeCMS教程] 笔者的同事在之前做dede站的时候,曾经遇到很苦恼的事情,就是给图片集添加了一个网上下载下来的特效,需要给图片的链接上添加一个rel属性,供JS调用以达到那种特效。但是当时只知道dede的图片链接标


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

  笔者的同事在之前做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有一点了解的人。

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

摘要:DEDE建站每日一课之dede模板标签帮助[DedeCMS教程] Dedecms5.7版本更新以后,最大一个好处就是非常灵活,如果在学习中有难度的话,大家可以首先去官方的《模板制作帮助文档》查看这些标记的简介,如何来看帮助文档呢,这里simon拿最常用的Arclist标记
摘要:DEDE建站每日一课之时间标签详解[DedeCMS教程] 常用dedeCMS建站的同仁可能经常被时间格式所困扰,很多人还停留在使用一牛人站长编写的超级标签来获取时间的写法。在这里,我们详细的解释一下DEDE的时间标签,并分享一些应用的小技巧给大家。 首先看一
摘要:[DedeCMS教程]DEDE建站每日一课之栏目链接和文章链接 我们知道dede中调用带链接的栏目名称是使用[field:typelink/]这个标签,dede更详尽的调用方法是这样的:a href=[field:typeurl /][field:typename /]/a 前边是栏目链接地址,后便是栏目的名称,这
摘要:[DedeCMS教程]DEDE建站每日一课之点击量标签详解 我们已经学习了栏目链接和文章链接,今天我们来学习一下点击量的一些具体的应用。 点击量在dede里的调用标签是[field:click/],这是众所周知的。当然了,在文章页面里,我们可以用JS来动态更新某个页面
常用的dede标签,大家一直都用,但是却懒得整理,现在给大家整理一套最基本的dede标签的参数,供大家参考,如有遗漏,欢迎大家指正。 栏目ID:用 typeid= 表示,在列表模板和档案模板中一般不需要指定,在封面模板中允许用,分开表示多个栏目; 返回文档列表
摘要:[DedeCMS教程]DEDE建站每日一课之首页调用单页内容 很多站长在套DEDE站的时候,可能一直被一个问题困惑,就是,如何将已经做成单页的栏目内容调用到首页来。 常用的需要调到首页来的单页内容,比如企业简介、联系我们等等内容,我们在首页可能都要进行