组图

可以非常简单的调用文章的全部图片附件,并以组图的方式展示出来,可以下一页的浏览,用户体验良好


对于一篇文章包含多张图片的,单纯依靠HTML的静态展示功能只能把图片从上到下罗列,用户浏览体验不佳。组图应用提供了像专业图片网站一样的多图展示功能,安装此应用之后,在模板中只需要非常简单的几行代码即可自动生成完善、精美、灵活的组图功能,展示效果可以高度定制。


组图应用有以下突出优点:


1 只需要指定一个元素对应的id就可以以此元素作为容器显示组图,因此可以适应所有模板,只要预留出位置即可。

2 可以自适应容器的宽度,不管是600还是1000,都可以完美展示,也可以通过一句代码指定固定一个宽度。

3 提供图片墙直达功能,可以列出所有图片的小缩略图,然后通过点击跳到对应图片。有人评论“第126张没有打码”时,“直达”功能就派上用场了。

4 提供美观大方的默认样式,也可以自定义其中几个样式,自定义样式将覆盖默认样式,不必担心与您的网站风格冲突。

5 使用非常简单,安装本应用之后,只需要在模板中增加1行代码就可以调用,也不需要站长懂javascript语言,复制、粘贴即可。

6 在最后一张图片再点击下一页时会自动跳转至下一组图片,引导用户观看更多内容


组图应用成功安装后可以通过非常简单的代码调用组图,以下为几个调用实例:


一 在文章正文中组图显示这篇文章的图片附件(这也是最基础的用法)

<{getgallery itemid=$id}>

二 调用图片附件并将组图显示到指定的DOM对象中

<p>00000000000000000000000</p>
<div id="test"></div>
<p>aaaaaaaaaaaaaaaaaaaaaaa</p>
<{getgallery itemid=$id id="test"}>

三 自定义组图的样式

组图的样式可以通过css自定义,如果未自定义就按照应用的默认设置

<{getgallery itemid=$id}>
<style>
#mt_container{width:500px;}
</style>

上面这段样式就限制组图显示的宽度为500像素,也可以设定其他DOM对象的样式

四 设定组图的宽度的另一种简单的方法

通过自定义组图样式可以指定组图的宽度,但涉及css,稍微麻烦一些,还有原生的更简单的办法,增加一个width参数:

<{getgallery itemid=$id width="500"}>

这种方法与通过css自定义宽度的方法效果是完全一样的,小缩略图的显示个数会根据设置的宽度自适应。

五 设定缩略图的尺寸

默认的缩略图尺寸为110像素宽,70像素高,如果这个尺寸不能适应您原有的模板也可以自行设定。方法如下:

<{getgallery itemid=$id thumb_width="100" thumb_height="58"}>

六 指定图片类型

默认的是显示所有图片附件,而图片附件又有两种来源,一种是作为附件上传的,另一种是在内容中插入的。如果只想调用其中一种,可以通过fromdata参数设定。

如果只想调用作为附件上传的

<{getgallery itemid=$id fromdata="0"}>

如果只想调用在内容中插入的

<{getgallery itemid=$id fromdata="1"}>
本产品为收费应用,请购买后安装,价格:29.90元(2个序列号) 立即支付
(每个序列号可绑定1个根域名和它下属的子域名)(使用上如果有问题请联系客服

说明:付费应用在支付成功后可以在 用户中心 > 我的软件 查看已购买的应用
0 站长互动
昵称
内容
关于AKCMS
产品理念
产品特性
产品动态
我们的产品
AKCMS授权
AKCMS模板中心
AKCMS域名商城
首页广告投放
官方主机
联系我们
工单
为什么只支持工单?
技术服务(收费)
联系方式
邮件订阅
收听微博
邮件反馈
论坛反馈
退款