將javascript代碼替換為如下,
成都創(chuàng)新互聯(lián)公司是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、小程序制作、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十年以來,已經(jīng)為成百上千家VR全景各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在,服務(wù)的成百上千家客戶與我們一路同行,見證我們的成長;未來,我們一起分享成功的喜悅。
script type="text/javascript"jQuery(".scroolWarp").slide({ titCell:".hd ul", mainCell:".bd ul",effect:"left",vis:6,scroll:6,autoPlay:true,autoPage:true});/script
你說的是后面整個半透明的背景吧,這個無法控制,這部分是整個容器的背景,容器是絕對定位,如果修改了容器,那么圖片就無法定位了,折中的辦法就是取消容器背景色,給圖片添加陰影,達(dá)到期望的效果。
.viewer-container{background-color: transparent;}
.viewer-canvasimg {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.5);
否則只能修改插件源代碼
這個應(yīng)該不難,給你個思路吧。
用JQ來完成。
圖片用CSS相對定位,Z軸0或1什么的都可以。
JQ得出圖片的寬和高。
鼠標(biāo)點擊時,獲取鼠標(biāo)相對于圖片的所在x,y,并生成一個div元素。此元素為絕對定位,3*3大小,邊框、背景要顯眼。此元素的Z軸要大于圖片的Z軸。位置就是鼠標(biāo)點擊的那個X、Y。
并將div的ID、CSS動態(tài)存到數(shù)組中去。
聯(lián)合圖片的ID、路徑、CSS
最終提交到數(shù)據(jù)庫或是什么來保存
數(shù)據(jù)可用2維數(shù)組。
比如:
obj0[0]="鏈接"
obj0[1]="id"
obj0[2]="css"
這個循環(huán)生成,圖片要用到鏈接,所以放在第一個位置,那些DIV元素,第一位置可留空。
=======
objs[0]=obj0
objs[1]=obj1
....
========================
根據(jù)思路,自己做了一個,你可以下載看看
jquery 插件就是一些人用jquery寫的一些工具,常見的是jquery UI和jquery easyui,我們在調(diào)用時只需要用很少的代碼就能實現(xiàn)很好的效果。