当前位置: 首页 > 编程笔记 >

解决phpcms更换javascript的幻灯片代码调用图片问题

郭兴平
2023-03-14
本文向大家介绍解决phpcms更换javascript的幻灯片代码调用图片问题,包括了解决phpcms更换javascript的幻灯片代码调用图片问题的使用技巧和注意事项,需要的朋友参考一下

今天找到了一个js要放在phpcms上边!但是他的代码是这样的


var titles = '创顶1|创顶2|创顶3|创顶4';

var imgs='{APP_PATH}cdstyle/images/image1.jpg|{APP_PATH}cdstyle/images/image2.jpg|{APP_PATH}cdstyle/images/image3.jpg|{APP_PATH}cdstyle/images/image4.jpg';

var urls='http://baby220818.gotoip2.com/|http://baby220818.gotoip2.com/|http://baby220818.gotoip2.com/|http://baby220818.gotoip2.com/';

只能识别这种,今天我们就解决这样的问题,下边就是我的思想和代码


var title = new Array(); //先申明数组 全部加载到数组中

var img   =  new Array();

var url   = new Array();

 {pc:content  action="position" posid="1"  order="listorder DESC" thumb="1" num="5"}

 {php $a=1;}

  {loop $data $r}

 title[{$a}] = "{$r['title']}";  //title[1]='heloo'

 img[{$a}]   ="{thumb($r['thumb'],295,225)}";

 url[{$a}]   ="{$r['url']}";

 {php $a++;}

  {/loop}

  {/pc}

var files = "";

var links = "";

var texts = "";

for(i=1;i<img.length;i++){

if(files=="") files = img[i];  //如果files=空 就赋值files == img[1] 然后+| +img[2] 最后就会输出上边的格式

else files += "|"+img[i];

}

for(i=1;i<url.length;i++){

if(links=="") links = url[i];

else links += "|"+url[i];

}

for(i=1;i<title.length;i++){

if(texts=="") texts = title[i];

else texts += "|"+title[i];

}

var titles = texts;  //赋值

var imgs= files;

var urls=links;

这个其实很简单,主要就是思维上边的问题。

 类似资料:
  • 使用幻灯片组件,你需要在 sm.js 和 sm.css 之后额外引入如下两个文件: <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css"> <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-exte

  • 本文向大家介绍JS实现图片幻灯片效果代码实例,包括了JS实现图片幻灯片效果代码实例的使用技巧和注意事项,需要的朋友参考一下 其效果是点击图片切换到下一张图片 首先准备五张图片 样式 js 其中用的是 fadeIn() -> 淡入 和 fadeOut()-> 淡出 两者效果叠加则可用 fadeToggle() fadeToggle() 方法在 fadeIn() -> 淡入 和 fadeOut()->

  • Progress,进度条,用于上传、下载等耗时并且需要显示进度的场景,用户可以随时中断该操作。在mpvue框架中实现这个功能是基于小程序的原生progress 组件,这里主要说一下它percent属性: percent 类型:Float 默认值:无 可选值:0-100 说明:百分比0~100 要实现上传或者下载过程中显示进度的效果,就需要实时修改 percent属性的值,下面示例代码是每隔 20m

  • 幻灯片秀 自动依顺序显示每张图像。 播放幻灯片秀 同时播放音乐与幻灯片秀 使用操作接口 利用PSP™主机的按钮或线控装置进行操作

  • 幻灯片相关的标签有两个,slides和 noslides slides标签 这个标签其实就一个循环标签,只是会把你指定的幻灯片数据获取出来 | 标签名 | 作用 | 包含属性 | | --- | --- | --- | | slides | 生成幻灯片 |id,item | 标签属性: | 标签属性名 | 含义 | | --- | --- | | id |后台幻灯片 id,必须 | | item

  • 在后台扩展工具》幻灯片分类 添加分类标识为"portal_index"的分类,然后在此分类添加幻灯片; cat_name:幻灯片类型名称 cat_idname:幻灯片标示 slide_name:幻灯片名称 slide_pic:幻灯片图片地址 slide_url:幻灯片URL slide_des:幻灯片描述 slide_content:幻灯片内容 <php> $home_slides=sp_get