k2的图片的lightbox效果控制
很多时候我们用k2的图片的lightbox效果的时候,不禁会问,图片咋那么小啊~!?
其实你提出这个疑问,应该你是用笔记本来浏览网站的。
灯箱效果有一个参数,就是设定与浏览器窗口的边距,上下默认为150px,即共300px;所以无论你的图片本身有多大,实际上用灯箱看只有很少。
设置边距的文件在网站文件夹的media/system/js/modal.js
修改这部分可以修改lightbox效果:
- presets: {
- size: {x: 600, y: 450},
- sizeLoading: {x: 200, y: 150},
- marginInner: {x: 20, y: 20},
- marginImage: {x: 150, y: 200},
- handler: false,
- adopt: null,
- closeWithOverlay: true,
- zIndex: 65555,
- overlayOpacity: 0.7,
- classWindow: '',
- classOverlay: '',
- disableFx: false,
- onOpen: Class.empty,
- onClose: Class.empty,
- onUpdate: Class.empty,
- onResize: Class.empty,
- onMove: Class.empty,
- onShow: Class.empty,
- onHide: Class.empty,
- fxOverlayDuration: 250,
- fxResizeDuration: 750,
- fxContentDuration: 250,
- ajaxOptions: {}
- },
其中marginImage: {x: 150, y:200}
就是边距控制,一般减少Y值就可以了,因为屏幕通常为横向,X不需要理会。但不推荐把Y值改得太小,因为这样也不好看……