-1

我正在使用 Galleria.js 在我正在处理的网站中创建背景幻灯片，并且我希望能够为不同的设备提供不同的分辨率。我正在使用正在生成所需文件的adaptive-images.php，但无论如何，似乎galleria仍在拉动原始的全分辨率文件。有没有办法让这项工作，或者像picturefill.js这样的替代解决方案？

谢谢！

4

2 回答 2

0

然而，Galleria 提供了一些开箱即用的有用功能：您可以通过提供如下标记来使用三种不同尺寸的图像：

<div class="galleria">
    <a href="/img/large1.jpg"><img src="/img/thumb1.jpg" data-big="/img/big1.jpg" data-title="My title" data-description="My description"></a>
    <a href="/img/large2.jpg"><img src="/img/thumb2.jpg" data-big="/img/big2.jpg" data-title="Another title" data-description="My description"></a>
</div>

'data-big' 大小将以开箱即用的全屏模式显示 - 不取决于屏幕大小。也许这是一种解决方法，直到出现更有用的东西。真正自适应的一切都需要一个用于 Galleria 的 Javascript 插件。

于 2014-08-20T17:11:42.997 回答
0

我也很想看到这个。不幸的是，这只能在 Javascript 中完成 - 而不是在 PHP 中。可能可以将 picturefill.js 用作 Galleria 插件，但不幸的是我不知道足够的 Javascript 来执行此操作。说明：Galleria 动态查找引用的图像并显示该图像。需要一些东西来告诉 Galleria 使用不同的图像源（例如取决于屏幕尺寸）。要做到这一点，picturefill.js 使用的方法（用 srcset 替换 src）将是完美的，但它必须作为一个功能集成到 Galleria 中。对于精通 Javascript 的人来说，这可能并不太难——有人吗？最近在 Galleria 的支持下也有人问过这个问题：http: //support.galleria.io/discussions/questions/18040-compatible-with-picturefilljs

于 2014-08-15T11:43:21.343 回答