零基础学做网站培训介绍

当前位置:

ecshop商城网站首页幻灯片替换成自定义js轮播方法

ecshop商城网站的首页都会有一个首页主广告位,可以不停的播放网站的一些图片。但是程序自带的首页幻灯片样式特别单一,而且首页幻灯片还带有黑色边框,不是很好看。

下面学做网站论坛总结的将ecshop商城网站首页幻灯片替换成自定义js轮播方法和步骤

1、打开ECSHOP程序,在程序目录下有一个index.php文件,将它用DW打开;(如果你不懂DW软件使用方法,先学习一下DWCS6使用教程)

2、在index.php的特别上方,版权申明的文字下方插入以下的函数:

function get_flash_xml()
{
$flashdb = array();
if (file_exists(ROOT_PATH . DATA_DIR . '/flash_data.xml'))
{
// 学做网站论坛https://www.xuewangzhan.net/ECSHOP首页幻灯兼容v2.7.0及以前版本
if (!preg_match_all('/item_url="([^"]+)"\slink="([^"]+)"\stext="([^"]*)"\ssort="([^"]*)"/', file_get_contents(ROOT_PATH . DATA_DIR . '/flash_data.xml'), $t, PREG_SET_ORDER))
{
preg_match_all('/item_url="([^"]+)"\slink="([^"]+)"\stext="([^"]*)"/', file_get_contents(ROOT_PATH . DATA_DIR . '/flash_data.xml'), $t, PREG_SET_ORDER);
}
if (!empty($t))
{
foreach ($t as $key => $val)
{
$val[4] = isset($val[4]) ? $val[4] : 0;
$flashdb[] = array('src'=>$val[1],'url'=>$val[2],'text'=>$val[3],'sort'=>$val[4]);
//print_r($flashdb);
}
}
}
return $flashdb;
}

ecshop商城网站首页幻灯片替换成自定义js轮播方法2

3、使用CTRL+F快捷键,找到“商店公告”四个字,并在这四个字下一行,粘贴以下的代码:

$smarty->assign('flash',get_flash_xml());
$smarty->assign('flash_count',count(get_flash_xml()));

ecshop商城网站首页幻灯片替换成自定义js轮播方法5

4、这样index.php文件的修改就全部完成了。

5、开始修改一下广告调用页面文件:index_ad.lbi ,它的位置在自己启用的模板的 library 文件夹下。

ecshop商城网站首页幻灯片替换成自定义js轮播方法4

6、下载一个新的index_ad.lbi文件替换原先的index_ad.lbi文件。【index_ad.lbi下载地址:https://pan.baidu.com/s/1sjNyysP
这个文件为GBK版本的,如果是UTF-8程序需要用DW改一个文件编码

7、进入网站后台,在后台菜单栏中找到“首页主广告管理”选项,然后上传自己的广告图片即可。

ecshop商城网站首页幻灯片替换成自定义js轮播方法6

相关阅读:

网页添加幻灯片轮播图的三种方法

网站中插入Flash动画层的方法(附代码)

如何自定义企业网站中的幻灯片

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • ECSHOP如何安装模板 图文教程 (133088 次浏览)
    在学习商城网站建设时,我们通常会使用ECSHOP程序,这种程序基本上可以满足我们建立商城网站的各功能的需求。而且ECSHOP程序会自带二个默认的模板,如
  • 在使用ECSHOP程序进行商城网站建设时,它自带的网站模板就可以实现一个商城网站的界面和功能,如果想将商城网站的界面换成我们自己要求的界面,就需要
  • 香港免备案空间2G (2000M)属性详情空间机房:空间大小:2G (2000M)空间属性:PHP网站空间,ASP网站空间,全能网站
  • 作者: 王鹏飞Email: 755852592@qq.com详细内容:朋友要仿的 商城站www.ssyp88.com,哪位同学能接,能仿的可以私聊我qq755852592 
  • 在wordpress网站,我们可以使用下面的代码在网站首页调用最新文章。[cce]<?php wp_get_archives('type=postbypost&limit=5'); ?>[/cce]
  • 很多网站顶部都有“设为首页”“加入收藏”功能,当用户点击“设为首页”后,这个网站就会成为用户浏览器默认打开的网页页面。当用户点击“加入收藏”
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • 插件介绍在网站中插入幻灯片可以让网站更加绚丽,例如学做网站论坛首页顶部左侧就是一个幻灯片,这种方式是直接借助js文件,然后嵌入到网站主题中的.
  • 对于使用Dreamweaver CS6破解版软件,可以很软件的对相同的文字,代码进行一次性替换,但对于包含不同内容的代码时就很难一次性替换了,就需要使用DW正则
  • 如何替换网站中的图片 图文教程 (118887 次浏览)
    老师,请问一下,我自己的网站如果想换图片,如何去替换呢?有什么样的步骤呢?回答:替换网站的图片的方法最简单,在我们的建站培训课程中也
  • 在我们仿站过程中,有点网站上带有轮播图,大多都是通过JS+FLASH的方式。这会给网站带来大量的冗余代码。如果你不喜欢,可以用一张图片来替换
  • ecshop商城网站的首页都会有一个首页主广告位,可以不停的播放网站的一些图片。但是程序自带的首页幻灯片样式特别单一,而且首页幻灯片还带有黑色边框
  • 用wordpress程序建站时,往往很难去设置产品的大小、重量、单价等参数,好在wordpress有一个自定义栏目功能。我们可以通过wordpress自定义栏目给产品
  • 新手在学做网站时,Dreamweaver是一个常用的网页编辑软件,它的功能强大。所以学做网站论坛提供了dreamweaver视频教程,免费供学建站新手学习。在
  • 如果我们的网站有港澳台的用户,那么网站特别好是能支持文字简繁互转,这样做能方便不同用户更好的阅读网站内容。那么如何在自己做网站时,实
  • 我们都知道在做网站时,加载的文件越少速度就会越快,包括CSS、JS、图片、数据库等等,特别是门户网站建设更是如此。要减少这些文件的载入,特别
  • 在很多的图片网站上,全使用到3d轮播图效果,可以不断的实现旋转轮播,最大气美观。效果如图:对于这样一种高大上的3D旋转轮播图,做起来并不是想