javascript - 如何让 slimbox 2 自动调整大小以适合屏幕？

Question

根据Slimbox2 documentation不支持此功能。但我想知道是否有人遇到过任何使这项工作有效的技巧。

我主要担心的是我的一些图像相当长，并且在低分辨率下 LightBox2 会给用户带来恼人的体验。

Answer 1

我最近开始在我的网站 (http://www.trips.elusien.co.uk) 上使用 slimbox2，并发现它可以从一些修改中受益:

• “幻灯片调整大小”:这使得幻灯片的大小恒定，而不是取决于图像的大小(通过指定像素大小)，或者您可以使用百分比来使幻灯片变大或变小在幻灯片中。您可以使用 2 个新选项来指定:

  slideWidth: 0,              // Initial width  of the slide (in pixels or in percent as a string e.g. "50%")
  slideHeight: 0,             // Initial height of the slide (in pixels or in percent as a string e.g. "50%")
  

• 使幻灯片能够自动翻转，而不是手动翻转。您可以使用新选项来指定它:

  slideInterval: 0,           // Interval between flipping slides (in seconds), 0 means no automation.
  

• 从幻灯片下载幻灯片。

第一个和最后一个功能无法使用 slimbox2 的原始版本来完成，因为在该版本中图像显示为背景图像，而不是使用“IMG”标签。

我已将 Javascript 和 CSS 文件放在我的网站上。如果您想尝试它们，请访问我的网站并单击“slimbox 示例”链接，您可以从此处下载它们。要查看使用 slimbox2 的简洁方法，请单击主页上的“photoSLide Show”链接。

问候尼尔