我正在使用Galleria.js在我正在处理的网站中创建背景幻灯片，我希望能够为不同的设备提供不同的分辨率。我正在使用自适应的images.php生成所需的文件，但似乎无论如何，galleria仍在拉动原始的全分辨率文件。有没有办法让这项工作，或者像picturefill.js这样的替代解决方案？
谢谢！
答案 0 :(得分：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
答案 1 :(得分：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插件。