扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
将javascript代码替换为如下,
成都创新互联公司是一家专注网站建设、网络营销策划、小程序制作、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立十年以来,已经为成百上千家VR全景各业的企业公司提供互联网服务。现在,服务的成百上千家客户与我们一路同行,见证我们的成长;未来,我们一起分享成功的喜悦。
script type="text/javascript"jQuery(".scroolWarp").slide({ titCell:".hd ul", mainCell:".bd ul",effect:"left",vis:6,scroll:6,autoPlay:true,autoPage:true});/script
你说的是后面整个半透明的背景吧,这个无法控制,这部分是整个容器的背景,容器是绝对定位,如果修改了容器,那么图片就无法定位了,折中的办法就是取消容器背景色,给图片添加阴影,达到期望的效果。
.viewer-container{background-color: transparent;}
.viewer-canvasimg {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.5);
否则只能修改插件源代码
这个应该不难,给你个思路吧。
用JQ来完成。
图片用CSS相对定位,Z轴0或1什么的都可以。
JQ得出图片的宽和高。
鼠标点击时,获取鼠标相对于图片的所在x,y,并生成一个div元素。此元素为绝对定位,3*3大小,边框、背景要显眼。此元素的Z轴要大于图片的Z轴。位置就是鼠标点击的那个X、Y。
并将div的ID、CSS动态存到数组中去。
联合图片的ID、路径、CSS
最终提交到数据库或是什么来保存
数据可用2维数组。
比如:
obj0[0]="链接"
obj0[1]="id"
obj0[2]="css"
这个循环生成,图片要用到链接,所以放在第一个位置,那些DIV元素,第一位置可留空。
=======
objs[0]=obj0
objs[1]=obj1
....
========================
根据思路,自己做了一个,你可以下载看看
jquery 插件就是一些人用jquery写的一些工具,常见的是jquery UI和jquery easyui,我们在调用时只需要用很少的代码就能实现很好的效果。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流