首页 > 代码库 > 自写图片遮罩层放大功能jquery插件源代码,photobox.js 1.0版,不兼容IE6

自写图片遮罩层放大功能jquery插件源代码,photobox.js 1.0版,不兼容IE6

阿嚏~~~

话说本屌丝没啥开发插件的经验,可是天公不作美,公司须要让我自己开发个图片放大的插件


但公司老大的话,宛如吾皇之圣旨,微臣必当肝脑涂地,莫敢不从啊~~~

于是乎,作为一个超级小白,本人仅仅能瞎研究了,幸好黑天不负屌丝人,本屌丝最终搞出来了,尽管不尽善尽美,可是功能还是能够用的啦

先附上源代码,求各种大神指导:

/*******************************
 * photobox跨浏览器兼容插件 v1.0(不支持IE6)
 * 格式:<a href=http://www.mamicode.com/"big.jpg" id="b1" title="我就是一坨屎,你来咬我啊!">///$("#b1").photobox();>

附张效果图:



逻辑非常easy,由于IE6比較屎,如今绝大多数开发也不考虑他了,so,本屌丝也没考虑他,以后会不断完好,怎样使用,请上观js顶部猪屎

格式:<a href=http://www.mamicode.com/"big.jpg" id="b1" title="我就是一坨屎,你来咬我啊!">///$("#b1").photobox();

參数传递,眼下仅仅能传递三个參数,多了这货也不吊你,为了省事,我把css样式都写在js里面了,以后会都提出来,使代码更规范。

$("#b1").photobox({showclosebtn:true,showtitle:true,speed:500});

一看名字就明确了,分别代表显示关闭button(ps:关闭button的图标自己搞,我这就没上传了,去找你们亲爱的美工妹妹要把,送给你一个跟美工妹妹亲亲我我的机会,感动吧!)、显示title,就是在图片以下有句话,对这个图片做个简介、速度,单位毫秒,自己体验吧~~

眼下仅仅是1.0版,本人也菜鸟一枚,欢迎高手们给本菜鸟指导下,不胜感激!


有不论什么疑问或不吝赐教,请加本屌丝QQ:1740437

同一时候,有喜欢民乐,爱好古风,爱好拍摄逗逼微电影的,也能够和本屌丝做个朋友,哇嘎嘎~~~