点击下载组件 反馈留言 在线演示

在线演示

黑色主题

组件支持

CSPhoto组件 1.1.0 版	点击下载组件
重写了组建核心构架 改变了小图展示方式 增加了全屏按钮 增加了大图功能按钮设置 增加了大图功能按钮【下载保存】 增加了顶部信息显示隐藏设置 部分样式增加和删减，详情请查看JS【challs_flash_photo_style】函数代码注解
CSPhoto组件 1.0.8版
增加了部分键盘控制 修正了小图移动误差 修改了小图片加载模块，可以在快速移动时不会加载过多图片的问题 增加了放大图片后，可以直接浏览下一张图片
CSPhoto组件 1.0.7版
增加了分类目录显示，a.menuXML 可设置分类目录XML文件地址，在样式中增加了分类目录设置“a.menu_height”，“a.menu_width”，“a.menu_color”，“a.menu_fontColor”，“a.menu_hatchingColor”
CSPhoto组件 1.0.6版
这次更新主要修正了在火狐和谷歌浏览器中无法加载XML的错误
CSPhoto组件 1.0.5版
修正了加载XML数据缓存问题 右上上角广告可以自行设置，参数“rightHTML” 免费版赞助商广告从右下角弹出，定时消失 可以点击的地方全部加上鼠标样式 优化了部分核心代码
CSPhoto组件 1.0.4版
自适应浏览器大小 可改变样式 支持鼠标滚轴缩放图片大小 加载图片进度条 所有动作都有缓冲，界面不会有生硬感

 

版权申明

本组件为免费软件，我们不向用户对于该组件做任何承诺，用户使用本组件产生的一切后果，
我们也不承担任何责任 本组件可以使用在任何系统中，包括商业系统，用户不用支付任何费用，
但是必须保证组件的完整性，不允许在我们没有同意的情况下对组件进行任何修改 我们保留对该组件的所有权利!

JAVASCRIPT代码说明

function challs_flash_photo_configure(){ //组件必备函数 var a={}; a.menuXML="menuData.xml"; //分类目录XML数据，文件地址设置，此设置将使 URLXML属性 失效 a.URLXML="date.xml"; //没有分类目录时设置，图片XML数据，文件地址设置 a.logoImg="logo.png"; //左上角显示的LOGO图片，高度默认33像素 a.rightHTML="<p align=\"right\"><a href=\"http://www.access2008.cn/\" target=\"_blank\"><font color=\"#ffffff\">技术支持：challs 工作室</font></a></p>"; //右上角显示的文本，支持简单的HTML代码，不支持样式属性 a.TopSwitch = true; //顶部信息条，是否显示 a.bigPhotoButtonList=[1,2,3,4,5,6]; //大图功能按钮设置，数组模式 //1 = 放大按钮 //2 = 缩小按钮 //3 = 还原按钮 //4 = 前一张按钮 //5 = 后一张按钮 //6 = 下载保存按钮 //注：数组可以任意顺序填写按钮数值，以按照自己的方式排列 return a; } function challs_flash_photo_style(){ //组件样式设置函数 ，如果使用默认样式，可以删除此函数 var a={}; //头顶栏样式设置 a.Top_height=33; //高度 a.Top_backgroundColor=['#333333','#222222']; //颜色设置，数组类型，2个颜色之间过度 a.Top_hatchingColor='#000000'; //阴影的颜色 //分类菜单样式设置 a.menu_height=25; //每条菜单框的高度 a.menu_width=150; //菜单的宽度 a.menu_color = '#000000'; //菜单的颜色 a.menu_fontColor = '#ffffff'; //菜单字体颜色 a.menu_hatchingColor='#000000'; //菜单阴影颜色 //小图框样式设置 a.smallPhoto_backgroundColor='#ffffff'; //背景色 a.smallPhoto_borderColor='#333333'; //边框色 a.smallPhoto_borderWidth=4; //边框宽度 a.smallPhoto_angle=9; //圆角弧度 a.smallPhoto_MouseOverColor='#00ff00'; //鼠标触发边框颜色 a.smallPhoto_height=100; //高度 a.smallPhoto_width=120; //宽度 a.smallPhoto_hatchingColor='#000000'; //阴影的颜色 //小图控制按钮样式设置 a.button_height=100; //高度 a.button_width=60; //宽度 a.button_borderWidth=4; //边框宽度 a.button_overColor='#333333'; //鼠标移上去时的颜色 a.button_outColor='#ffffff'; //鼠标离开时的颜色 a.button_hatchingColor='#000000'; //阴影的颜色 //图片全屏时功能按钮样式设置 a.buttonTools_height=36; //高度 a.buttonTools_width=80; //宽度 a.buttonTools_overColor='#666666'; //鼠标移上去时的颜色 a.buttonTools_outColor='#333333'; //鼠标离开时的颜色 a.buttonTools_color='#ffffff'; //标识的颜色 a.buttonTools_hatchingColor='#000000'; //阴影的颜色 //图片全屏时右上角关闭按钮样式设置 a.buttonClose_radii =70; //半径 a.buttonClose_overColor='#666666'; //鼠标移上去时的颜色 a.buttonClose_outColor='#333333'; //鼠标离开时的颜色 a.buttonClose_color='#ffffff'; //标识的颜色 a.buttonClose_color='#000000'; //阴影的颜色 //图片全屏百分比样式设置 a.bigInfo_color='#ffffff'; //字的颜色 a.bigInfo_backgroundColor='#333333'; //背景色 //全屏按钮颜色 a.buttonFull_outColor='#333333'; //正常颜色 a.buttonFull_overColor='#000000'; //鼠标移动上去时的颜色 //其他设定 a.shroudColor='#000000'; //遮罩的颜色 a.shroudAlpha=0.5; //遮罩的透明度 //滚动条 a.scrollBar_backgroundColor = '#333333'; //滚动条背景色 a.scrollBar_color = '#000000'; //滚动条前景色 return a; } 分类目录数据XML文件 <?xml version="1.0" encoding="utf-8"?> <data> <i name="美女图片"> <i name="美女图一" data="http://www.access2008.cn/photo/temp/date1.xml"></i> <i name="美女图二" data="http://www.access2008.cn/photo/temp/date2.xml"></i> <i name="美女图三" data="http://www.access2008.cn/photo/temp/date3.xml"></i> <i name="美女图四" data="http://www.access2008.cn/photo/temp/date4.xml"></i> </i> <i name="其他图片" data="http://www.access2008.cn/photo/temp/date.xml" defalut="true"></i> </data> 图片数据XML文件 <?xml version="1.0" encoding="utf-8"?> <data> <photo> <small>http://www.access2008.cn/photo/temp/img/4/1_s.png</small> <big>http://www.access2008.cn/photo/temp/img/4/1.jpg</big> </photo> <photo> <small>http://www.access2008.cn/photo/temp/img/4/2_s.png</small> <big>http://www.access2008.cn/photo/temp/img/4/2.jpg</big> </photo> <photo> <small>http://www.access2008.cn/photo/temp/img/4/3_s.png</small> <big>http://www.access2008.cn/photo/temp/img/4/3.jpg</big> </photo> </data>

收费服务

无广告无版权组件：400元

对已有系统整合组件服务：100元

其他技术支持 费用：面议

联系QQ：

邮箱：challs82@gmail.com

沪ICP备2021030256号