k2的图片的lightbox效果控制

很多时候我们用k2的图片的lightbox效果的时候,不禁会问,图片咋那么小啊~!?

其实你提出这个疑问,应该你是用笔记本来浏览网站的。

灯箱效果有一个参数,就是设定与浏览器窗口的边距,上下默认为150px,即共300px;所以无论你的图片本身有多大,实际上用灯箱看只有很少。

设置边距的文件在网站文件夹的media/system/js/modal.js

修改这部分可以修改lightbox效果:

  1. presets: {
  2. size: {x: 600, y: 450},
  3. sizeLoading: {x: 200, y: 150},
  4. marginInner: {x: 20, y: 20},
  5. marginImage: {x: 150, y: 200},
  6. handler: false,
  7. adopt: null,
  8. closeWithOverlay: true,
  9. zIndex: 65555,
  10. overlayOpacity: 0.7,
  11. classWindow: '',
  12. classOverlay: '',
  13. disableFx: false,
  14. onOpen: Class.empty,
  15. onClose: Class.empty,
  16. onUpdate: Class.empty,
  17. onResize: Class.empty,
  18. onMove: Class.empty,
  19. onShow: Class.empty,
  20. onHide: Class.empty,
  21. fxOverlayDuration: 250,
  22. fxResizeDuration: 750,
  23. fxContentDuration: 250,
  24. ajaxOptions: {}
  25. },

其中marginImage: {x: 150, y:200}就是边距控制,一般减少Y值就可以了,因为屏幕通常为横向,X不需要理会。但不推荐把Y值改得太小,因为这样也不好看……