插件非常简洁,引入一段JS和少量HTML代码即可使用。 下载压缩包 解压里面的文件上传到网站目录 /e/extend/目录下 看下面引入的js路径应该能看出来吧!
样式不满意的您也可以自行修改,基于jquery的dom操作。只要下面的HTML代码结构不变就行!
在内容页模板中插入以下HTML代码: (注:这边分割的字段为系统内置的morepic字段 如果你默认的图片集字段是这个字段那无需修改 直接使用即可!) <script src="/e/extend/photo_info/js/photoPic.js"></script> <div id="photoInfo"> <div id="photoBox"> <ul> <?php $pic=explode("\\r\\n",$navinfor['morepic']); foreach($pic as $v) { if(!$v)continue; $picarr[]=explode("::::::",$v); } $picstr=''; foreach($picarr as $v) { $picstr.='<li><span>'.$v[2].'</span><img src="'.$v[0].'" height="600" width="600" /></li>'; } ?> <?=$picstr?> </ul> <div id="photoTxt"></div> </div> <div id="photoList"></div> </div>
----------------------------------------------------------------------- 怎么样 是不是很简洁呢; 使用的时候只需要分割下图片多值字段即可。 JS文件
上传以下附件: [下载 *.rar](文件大小:68.05 KB,下载次数:441)
|