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值改得太小,因为这样也不好看……

  • 作者:野草工作室
  • 发布日期:2010-12-25
  • 文章标签: K2教程

文章评论功能仅对网站会员开放,请先 登录 注册

栏目公告

原野草工作室官网的博客栏目的文章,会逐步迁移至Joomla建站笔记栏目。

Joomla主机