`
wangyi878750
  • 浏览: 187848 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

<cms:img>标签的用法举例说明

阅读更多

    OpenCms使用标签就可以达到的图片缩放功能是非常的有用的。我也在以前就转载过《cms:img标签用法说明》这篇文章。为了形象的说明,摘录下面内容,让大家看看几个参数的修改就可以输出不同的图片效果。

[王毅原创,转载注明]

注意:数据库里面还是唯一的图片,但是你可以在静态输出来的时候,设置不同的版本!这个很重要。


OpenCms 图片缩放设置

图片缩放

使用默认图片缩放<cms:img src="logo_opencms_png24.png" width="width"/>以后,将会生成一下html代码,并显示一下效果。

<img src="/opencms/opencms/alkacon-documentation/documentation_taglib/logo_opencms_png24.png?__scale=w:400,h:97" width="400" height="97">

缩略为:400×97

<img src="/opencms/opencms/alkacon-documentation/documentation_taglib/logo_opencms_png24.png?__scale=w:206,h:50" width="206" height="50">

缩略为:206×50

<img src="/opencms/opencms/alkacon-documentation/documentation_taglib/logo_opencms_png24.png?__scale=w:100,h:24" width="100" height="24">

缩略为:100×24

图片填充

使用图片缩略的填充方式,例如这句代码,象下面一样做个两个参数的替换,就可以呈现下面这些效果。

<cms:img src="logo_opencms_png24.png" scaleType="1" scalePosition="7" scaleColor="#FF0000" width="300" height="100" />

scalePosition="7" scaleColor="#FF0000"

scalePosition="6" scaleColor="#00FF00"

scalePosition="8" scaleColor="#0000FF"

scalePosition="4" scaleColor="#00FF00"

scalePosition="0" scaleColor="#0000FF"

scalePosition="5" scaleColor="#FF0000"

scalePosition="1" scaleColor="#0000FF"

scalePosition="3" scaleColor="#FF0000"

scalePosition="2" scaleColor="#00FF00"

图片虑镜

<cms:img src="logo_opencms_png24.png" scaleFilter="grayscale" width="300" height="100" />

将代码中的参数用下列参数替换,将会得到下面这些虑镜效果。

scaleFilter="grayscale"

scaleFilter="shadow"

scaleFilter="shadow:grayscale"

图片缩放类型

<cms:img src="logo_opencms_png24.png" scaleType="0" width="300" height="60" />

将这行代码中的“scaleType”参数做修改,分别得到下面这些显示和输出的html代码。

<img src="/opencms/opencms/alkacon-documentation/documentation_taglib/logo_opencms_png24.png?__scale=w:300,h:60" width="300" height="60">

scaleType="0"

<img src="/opencms/opencms/alkacon-documentation/documentation_taglib/logo_opencms_png24.png?__scale=w:300,h:60,t:1" width="300" height="60">

scaleType="1"

<img src="/opencms/opencms/alkacon-documentation/documentation_taglib/logo_opencms_png24.png?__scale=w:300,h:60,t:2" width="300" height="60">

scaleType="2"

<img src="/opencms/opencms/alkacon-documentation/documentation_taglib/logo_opencms_png24.png?__scale=w:300,h:60,t:3" width="300" height="60">

scaleType="3"

<img src="/opencms/opencms/alkacon-documentation/documentation_taglib/logo_opencms_png24.png?__scale=w:300,h:60,t:4" width="300" height="60">

scaleType="4"

转换模式

而使用另一个参数scaleRendermode,可以让图片输出不同的质量,譬如降低图片质量可以加快图片显示速度。

<cms:img src="logo_opencms_png24.png" scaleRendermode="2" width="300" height="60" />

将上面代码中这个参数分别修改为“1”和“2”,你将会看到下面的显示效果和输出的html代码。

<img src="/opencms/opencms/alkacon-documentation/documentation_taglib/logo_opencms_png24.png?__scale=w:300,h:60" width="300" height="60">

<img src="/opencms/opencms/alkacon-documentation/documentation_taglib/logo_opencms_png24.png?__scale=w:300,h:60,r:2" width="300" height="60">


我的相关日志:

2007-03-23 | [转]OpenCms for MySql 安装图解
2007-03-23 | [转][图文]OpenCms VFS plugin for Eclipse 安装与使用
2008-04-11 | <cms:img>标签的用法举例说明
2008-04-10 | 再谈<cms:contentaccess>标签的使用
2008-04-09 | 浅谈<cms:contentaccess>标签的使用
2008-03-21 | <cms:contentload>标签的使用
2007-12-14 | <cms:editable>标签的使用
2007-12-13 | <cms:contentshow>标签的使用
2007-12-12 | <cms:contentloop> 标签的使用
2007-12-11 | <cms:contentinfo>标签的使用
2007-12-10 | <cms:contentcheck>标签的使用
2007-06-19 | OpenCms的<cms:info>标签

分享到:
评论

相关推荐

    Avaya™ Call Management System &#40;CMS&#41; Database Items and Calculations

    ### Avaya™ Call Management System (CMS) 数据库项与计算 #### 一、概述 Avaya™ Call Management System (CMS) 是一款专为电信企业设计的管理工具,它能够帮助企业监控并优化其通信网络的性能。该系统通过收集...

    os_system&#40;通用cms管理系统&#41;

    【os_system(通用CMS管理系统)】是一个基于Java技术栈,特别是Spring Boot框架构建的全功能内容管理系统。这个系统包括了数据库设计、前端用户界面以及后台管理功能,为内容的发布、管理和展示提供了一站式的解决...

    php标签大全(1)

    根据提供的文件信息,我们可以看到这些内容主要涉及到 PHP 标签及其在特定 CMS(内容管理系统)中的应用,这里可能是指基于 PHP 开发的 DedeCMS 内容管理系统中的自定义标签用法。接下来,我们将逐一解析这些标签的...

    NordicSemiconductor::Device:Startup:8.27.0

    Error #541: 'NordicSemiconductor::Device:Startup:8.27.0' component is missing (previously found in pack 'NordicSemiconductor.nRF_DeviceFamilyPack_NordicLicense')

    ASPCMS标签大全

    以上标签是ASPCMS中常见且重要的组成部分,通过合理使用这些标签,可以极大地提高网站的动态性、交互性和用户体验,同时简化开发过程,提升效率。对于开发者而言,熟悉并掌握这些标签的应用,是进行高效网站建设和...

    AspCms标签大全.txt

    ### AspCms标签大全解析 #### 一、站点基本信息标签 AspCms系统提供了丰富的站点基本信息标签,用于在页面上展示站点的基本属性。这些标签对于构建网站的基础框架至关重要。 1. **{aspcms:sitepath}**:表示网站...

    aspcms 标签大全

    ASPCMS是一款基于ASP开发的内容管理系统,它提供了一系列的标签供用户在模板制作时使用,以方便地调用网站信息和内容。以下是对ASPCMS标签的详细解释: 1. 网站通用标签: - `{aspcms:sitepath}`:返回网站的终极...

    laravel-wordpress-cms:文档laravel-wordpress-cms

    Laravel Wordpress CMS 版本Laravel 7.1 版本Laravel Wordpress CMS 1.0欢迎来到GitHub Pages Laravel Admin相同的CMS Wordpress :) 演示链接: : 安装与设定###选项1: php artisan install###选项2: 第一步: ...

    Subrion CMS 4.1.4.zip

    Subrion CMS是一个免费的开源内容管理系统,这允许您为任何目的构建网站,从博客到企业大型门户。Subrion CMS 4.1.4 更新日志:2017-05-16错误#125:为多语言网站生成不正确的站点地图;错误#400:重新加载页面后,...

    AspCms2.0标签大全

    本文将详细解读AspCms2.0的标签大全,涵盖其主要功能标签、页面导航标签、站点信息标签以及内容展示标签等,旨在为用户提供全面的AspCms2.0标签使用指南。 一、站点信息标签 站点信息标签主要用于获取网站的基本...

    AspCms2标签大全

    《AspCms2标签大全解析》 在深入解析AspCms2的标签系统之前,我们先简要了解一下AspCms2。AspCms2是一款基于ASP...对于网站开发者和管理者而言,熟练掌握这些标签的使用方法,将大大提升网站的构建效率和维护质量。

    aspcms 标签

    掌握这些标签的使用方法,能够显著提升网站的功能性和美观性,从而更好地服务于目标受众。无论你是初学者还是经验丰富的开发者,深入了解并熟练运用ASPCMS的标签系统都将极大地促进你的项目发展。

    《PHP &amp; MySQL: Novice to Ninja, 6th Edition》- 2017 英文原版

    ... ...Master database design principles Write robust, maintainable, best practice code ...CMS&#41; And much more! This book is suitable for beginner level web developers. No prior PHP experience is needed.

    微信小程序开发教程cms

    - **知识点16:模板使用**:通过标签复用相同或相似的视图结构。 ##### 第二节:为程序加入底部菜单导航 - **知识点17:基础内容导航**:设计并实现底部导航栏,支持页面间的跳转功能。 ##### 第三节:实现文章...

    Pratt Content-Management-System &#40;CMS&#41;-开源

    Pratt Content-Management-System(CMS)是一款开源的软件解决方案,专为管理和发布数字内容而设计。这款系统的核心目标是简化网站内容的创建、编辑和维护过程,同时提供了一套强大的工具来支持这一过程。其开源特性...

    Orchard CMS: Up and Running

    ### Orchard CMS: 开箱即用 #### 一、概述与背景 Orchard CMS是一款开源的内容管理系统(Content Management System),它基于.NET Framework构建,并利用MVC(Model-View-Controller)架构模式来提供强大的功能和...

    《PHP & MySQL: Novice to Ninja, 6th Edition》2017 英文原版 Kindle - mobi格式

    ... ...Master database design principles Write robust, maintainable, best practice code ...CMS&#41; And much more! This book is suitable for beginner level web developers. No prior PHP experience is needed.

    科讯CMS标签大全,kesion CMS标签大全

    根据给定的信息,本文将对科讯CMS中的各种标签进行详细的解释与说明。科讯CMS是一种功能强大的内容管理系统,能够帮助用户快速搭建和管理网站。本文将重点介绍CMS中的各类标签,包括站点基本信息标签、特殊页面模型...

    ASPCMS V2版本 标签手册

    这份“ASPCMS V2版本 标签手册”是一个极其重要的参考资料,它详细介绍了ASPCMS系统中各种标签的用法,帮助用户深入理解和运用这些功能。 在ASPCMS V2中,标签是一种强大的动态内容调用工具,它允许用户通过简单的...

Global site tag (gtag.js) - Google Analytics