MooFlow图像尺寸
在谈论 MooFlow 和 MooTools 时,我是个菜鸟。我需要显示一些高分辨率图像(例如 1000x600),但是出了问题。查看屏幕截图:
我需要以更大的尺寸显示图像。如果我只能显示 800x400 或类似的分辨率就可以了,但人们必须能够正常地看到图像。有谁知道解决这个问题的好方法?
谢谢!
I'm a n00b when talking about MooFlow and MooTools. I need to display some high res images(like 1000x600), however something is going wrong. Check out a screenshot:
I need to display the images in a bigger size. It would be fine if I could only display 800x400 or something like that, but people must be able to see the images decently. Does anyone know a good way to solve that problem?
Thanks!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
为了让您的图像充分展现出来,您需要实现某种灯箱脚本,附加到每个图像的单击事件。查看一些可用的 mootools 灯箱脚本。
如果您想要以大于用户浏览器分辨率的尺寸显示图像,您需要打开一个新页面(并且不使用灯箱脚本)或确保您使用的灯箱脚本可以处理 iframe。此 iframe 解决方案将为您的灯箱提供滚动条,以便用户可以访问整个图像。
我首选的灯箱解决方案是 Shadowbox,因为它可以处理大量媒体类型并提供 iframe 支持。
To get your images popping up in their full glory you'll need to implement some kind of lightbox script, attached to the click event of each image. Check out some available mootools lightbox scripts.
If you want to display the images in a size which is bigger than the users browser resolution, you'll need to either open a new page (and not use a lightbox script) or ensure the lightbox script you use can handle iframes. This iframe solution will give your lightbox scroll bars so the user can access the whole image.
My preferred lightbox solution is shadowbox as it can handle lots of media types and provides iframe support.