今天找到了一个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