前言

轮播图基本是每个网站都要有的功能，帝国CMS本身并没有专门设置这样一个后台功能，但我们可以发现友情链接插件的功能其实很适合用来做这个。

接下来我们看看应该怎么做：

一、将“友情链接插件”变为“轮播图插件”

操作：使用DW之类的网页编辑软件将源码中的“友情链接”批量替换为“轮播图”即可。

如图：

需要修改的文件如下：

/e/admin/adminstyle/1/menu/tool.php
/e/admin/tool/ListLink.php
/e/admin/tool/LinkClass.php
/e/admin/tool/AddLink.php

二、如何使用“轮播图插件”

添加友情链接或者轮播图时，站点图标就用来上传轮播图的图片，站点地址就是轮播图要链接的地址。

如图：

三、如何调用显示轮播图？

显示轮播图的时候，我们使用灵动标签，代码如下：：

[e:loop={'select * from [!db.pre!]enewslink where checked=1 order by lid',20,24,0}]<li style="background-image:url([!--news.url--]<?=$bqr[lpic]?>);"><a href="<?=$bqr[lurl]?>">&nbsp;</a></li>
[/e:loop]

如果我们将轮播图分类并在不同位置调用，则可以将轮播图进行分类，然后进行调用，代码如下。

[e:loop={'select * from [!db.pre!]enewslink where checked=1 and classid=1 order by lid',20,24,0}]<li style="background-image:url([!--news.url--]<?=$bqr[lpic]?>);"><a href="<?=$bqr[lurl]?>">&nbsp;</a></li>
[/e:loop]

灵动标签(e:loop)可以直接在标签内写模板，具体怎么展现，就看你了。

帝国CMS使用友情链接插件进行轮播图的后台管理相关推荐

使用原生JS和使用插件实现轮播图
网页上的大致轮播图的滚动就是上面的演示轮播图的制作在制作轮播图的过程中我分成3步:框架的搭建--样式的装扮--动画效果. 1.框架的搭建如下代码展示,就是先在HTML里搭建出一个框架来: < ...
在html中使用swiper插件实现轮播图效果
最近在对公司官网改版2.0,之前的没有后台都是静态页面那么官网逃不开的肯定是轮播图啦~ 当然我一开始是自己写的,发现写到一半很麻烦,首先从最后一张像环路一样到第一张:其次不仅是点击,还要触摸滑动,这 ...
【Vue项目笔记心得】Swiper插件用于轮播图
1.下载一个版本的swiper,这里以5.4.5为例, 在项目开发过程中需要安装swiper插件 npm install swiper@5 官网地址:Swiper中文网-轮播图幻灯片js插件,H5页面 ...
html中轮换图片插件,jQuery轮播图插件
插件描述:该插件基于jquery开发,现阶段很多PC网站都需要用到轮播图切换的效果全屏轮播图该插件基于jquery开发,现阶段很多PC网站都需要用到轮播图切换的效果,很多时候要在页面中复用轮播图, ...
html轮播图添加文字,（swiper插件）轮播图，下面的文字随图片进行翻页
效果:(图片来源网路) Html: 广播通知:你好你好你好!!!! 欢迎来到这里,welcome,这是轮播图的第二条消息 css: *{ margin:0; padding:0; } .slider ...
swiper插件实现轮播图
html怎么引轮播图插件,swipe轮播图插件使用.html
Document *{ padding: 0; margin: 0; } ul{ list-style: none; } .jd_banner { width: 300px; overflow: hi ...
开源炫酷css轮播图可直接引入html文件使用含注释 jQuery插件
开源炫酷css轮播图可直接引入html文件使用含注释 jQuery插件 1.轮播图样式上图: 请访问:这里!! 查看轮播图效果. 2.如何在html里面引用文件的目录路径为: 需要轮播图插件的 ...
dw按钮图片滚动js_轮播图--swiper插件/原生js/jQuery
1.swiper插件: 需要下载该插件到本地,并用link标签引用其swiper-bundle.min.css文件,用script引用其swiper-bundle.min.js文件,下载地址及官方文档 ...
get几个小技能：轮播图插件、进度条插件、筛选过滤插件
最近参加了一个网页设计大赛,趁这个机会做了一个个人简历的网页:点击欣赏用到了许多有趣的东西们今天分享一下. 轮播图插件 Swiper轮播图插件 Swiper 的结构和基础原理 Swiper 的每个展 ...

帝国CMS使用友情链接插件进行轮播图的后台管理

前言

一、将“友情链接插件”变为“轮播图插件”

二、如何使用“轮播图插件”

三、如何调用显示轮播图？

帝国CMS使用友情链接插件进行轮播图的后台管理相关推荐

最新文章

热门文章