具体5:如何通过图像 block 显示视网膜图像？

Question

我正在尝试实现 Retina.js用于在视网膜显示器上显示替代图像的插件。如果我有一个固定的图像路径硬编码到页面或主题中，这肯定会起作用，但我如何通过图像 block 使它起作用？或者有更好的替代方案吗？

Answer 1

那个图书馆听起来有点笨重，因为它只是为每一张图片对你的服务器执行 ping 操作。但是，如果您将它包含在页面中，它应该可以正常工作。

要记住的一件事是默认情况下 concrete5 使用 <picture>从图像 block 输出的标签。您使用的任何库都应该与该标签兼容。

如果您最终使用的库要求您以不同方式输出图像，我建议您创建自定义 \Concrete\Core\Html\Image子类化并将其绑定(bind)到您的容器 /application/bootstrap/app.php文件:

<?php

$app->bind('html/image', \My\Custom\Image::class);