帝国论坛帝国网站管理系统交流区模板/标签/插件共享交流[原创] 非常简洁的内容页图片集轮播插件 【本版专题贴子】  
 1/7     1 2 3 4 5 6 7 ›› ›|
主题:[原创] 非常简洁的内容页图片集轮播插件 [加入收藏夹]   

想到即可做到
用户头衔:进士

精华贴   :0
发贴数   :662
经验值   :2224
注册时间:2012-05-10
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
[原创] 非常简洁的内容页图片集轮播插件
插件非常简洁,引入一段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)

[该贴被修改 4 次,最后修改时间 2013-12-17 18:28:17 ]


网站福利群( 654041519) 纯手工播放器定制
2013-12-17 18:04:55 已设置保密 顶部 回复 引用 报告 编辑 删除

想到即可做到
用户头衔:进士

精华贴   :0
发贴数   :662
经验值   :2224
注册时间:2012-05-10
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 2 楼]

前台效果图:

上传以下图片:


[该贴被修改 3 次,最后修改时间 2013-12-17 19:02:36 ]


网站福利群( 654041519) 纯手工播放器定制
2013-12-17 18:05:24 已设置保密 顶部 回复 引用 报告 编辑 删除

想到即可做到
用户头衔:进士

精华贴   :0
发贴数   :662
经验值   :2224
注册时间:2012-05-10
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

1:回复3L问题 [ 不知6.6的能用不? ]
此图片集轮播代码不分版本的。其实只要按照结构循环出来图片就可以使用。用在其他地方也可以。比如首页。用灵动标签循环出来各信息的标题图片即可。

[该贴被修改 1 次,最后修改时间 2013-12-19 18:04:53 ]


网站福利群( 654041519) 纯手工播放器定制
2013-12-17 18:06:14 已设置保密 顶部 回复 引用 报告 编辑 删除

rx185
用户头衔:举人

精华贴   :0
发贴数   :237
经验值   :1349
注册时间:2009-01-23
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 4 楼]

楼主是个有心人,感谢发布!




2013-12-17 18:39:23 已设置保密 顶部 回复 引用 报告 编辑 删除

kirb2
用户头衔:进士

精华贴   :0
发贴数   :663
经验值   :1929
注册时间:2008-03-14
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

支持




2013-12-17 20:28:09 已设置保密 顶部 回复 引用 报告 编辑 删除

jjfjj
用户头衔:探花

精华贴   :0
发贴数   :3167
经验值   :8721
注册时间:2009-02-12
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 6 楼]

谢谢,支持楼主




2013-12-18 07:58:15 已设置保密 顶部 回复 引用 报告 编辑 删除

降龙在天
用户头衔:进士

精华贴   :0
发贴数   :1140
经验值   :2936
注册时间:2008-06-20
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 7 楼]

不错,那个分割换行改成这个就可以了:$pic=explode(egetzy('rn'),$navinfor['morepic']);




2013-12-18 08:17:23 已设置保密 顶部 回复 引用 报告 编辑 删除

xiaojieyu
用户头衔:书生

精华贴   :0
发贴数   :34
经验值   :209
注册时间:2013-09-17
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 8 楼]

看起来不错



起点笑话大全网每日更新一定数量的爆笑笑话,让你一次乐个够!http://www.qdjoke.com
2013-12-18 19:34:11 已设置保密 顶部 回复 引用 报告 编辑 删除

8877
用户头衔:进士

精华贴   :0
发贴数   :1195
经验值   :4216
注册时间:2006-06-15
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 9 楼]

不知6.6的能用不?




2013-12-18 20:49:18 已设置保密 顶部 回复 引用 报告 编辑 删除

贝卡蓝依
用户头衔:举人

精华贴   :0
发贴数   :326
经验值   :1096
注册时间:2006-07-21
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 10 楼]

支持分享!!



专业网站建设。仿站。做模板。页面设计。各种代码问题解决。采集规则。老会员性欲保证。QQ8875-096========
帝国爱好者交流群 48024477
2013-12-18 22:02:23 已设置保密 顶部 回复 引用 报告 编辑 删除
 1/7     1 2 3 4 5 6 7 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1