问题标签 [imgix-js]

我正在尝试调整图片大小，但没有成功。我将如何为项目的 CSS 编写标签。我尝试了许多不同的方法，但到目前为止都没有奏效。我希望它们都具有相同的大小。

下面是它的 HTML：

这在 dom 就绪时按预期工作，但是我的网站的某些部分使用 AJAX 动态加载。

如何触发 imgix-js 库以在 dom 就绪时加载图像？

我正在使用 imgix 来服务器我的图像。他们有一个很棒的库，可以以正确的大小和像素密度提供 jpeg。但是当我需要添加指向这些图像的链接时它不起作用。

这是小提琴和代码： jsfiddle.net/L95suygs/1/

我正在将 imgix.com CDN 用于测试项目，出于某种原因，它一直在下载图像，而不是浏览并将规则应用于它们。

因此，如果我输入myprefix.imgix.net/myimage.png它只是下载它，如果我输入https://myprefix.imgix.net/myimage.png~text?txtsize=44&txt=470%C3%97480&w=450&h=480什么都不会发生。

有没有人遇到过这个问题？

谢谢

我想建立一个包含大量图像的网站，因此需要像 amazon、ebay、flipkart 等图像处理。有人建议我使用 Cloudinary、Imgix 等服务来调整我的图像大小，因为最好存储每个图像的一个版本，尽管我需要几个不同大小的版本。我想知道这些服务的效率如何。有什么问题吗？我希望我的网站非常快速且响应迅速。我听说过诸如“考虑到您至少将所涉及的传输延迟加倍，这将经常支配完成图像操作所需的时间。

正常：end_user->your_user->end_user

通过这些服务：end_user->your_user->you->your_user->end_user"

我在依赖作曲家的drupal中使用imgix模块。当我运行 commanddrush composer-manage install时，我可以看到imgix-php（imgix 库）已下载到供应商目录中。我已经正确设置了所有内容，并且在我的本地主机中运行良好。现在我想把它们推到 github 上。我可以看到imgix-phpgit 中没有添加任何文件，它在github. 然后我看到有一个文件写.gitignore在imgix-php哪里vendor。但是，我已经将其注释掉了。但无法添加任何imgix-php. 如果我注释掉行vendor并.gitignore检查状态，它会显示为：

可以告诉我为什么我不能添加它们。

我已将工作 HTML 代码转换为使用Imgix.js 库中的参数的Pug ，但 Pug 版本有错误。我已经尝试了这两种方法（注意 上的反引号）： ix-params

但是得到一个Uncaught SyntaxError: Unexpected end of JSON input控制台错误。似乎ix-params不允许将字符串分配为 JSON 输入？

我可以通过将 设置ix-params为变量来使其工作，但这对于生产来说是不可行的。

我正在使用 imgix 构建一个简单的照片编辑器应用程序，并且我希望在用户输入字段接收值时更新图像 src 属性。有没有办法将我的新参数附加到 src url 的末尾？

我已经能够使用模板文字来创建新的 url，但是我无法弄清楚如何或是否可以在用户键入时更新图像 src。或者，如果这样做的唯一方法是提交更改并在页面重新加载时显示新图像。我已经尝试将 image.src 重新分配给新的 url，但这并没有奏效。

我能够获取这些值，但我还没有弄清楚我需要做什么才能将它应用到 img src url。

我们使用 Imgix 服务，该服务以最合适的格式为请求图像的客户提供图像。因此，如果 JPG 请求来自 Chrome，它将发送 WEBP 图像。如果它来自 Safari，它将使用 JPEG2000。

我们还使用 Akamai 作为 CDN，因此 Akamai 位于用户和 Imgix 之间。

如果图像的第一个请求来自 Chrome，Akamai 将缓存 WEBP 格式，并且以后对同一图像的任何请求都将收到 WEBP 图像，这意味着 Safari 用户将无法查看该图像，因为它不兼容WEBP 格式。

是否可以将 AKAMAI 配置为根据格式缓存不同的图像？

我正在尝试使用 vue.js 和 Laravel 创建照片网站，并在单击时使用发光放大照片。我的照片存储在 AWS S3 存储桶中。

我的 vue.js 结构如下所示。

1.PhotoComponent.vue

• 这个组件实际上是在渲染每张照片。

2.PhotoListComponent.vue

• 这个组件正在制作一个 PhotoComponent.vue 列表。

到目前为止，我尝试了三件事。

1. 将 new Luminous() 放入 PhotoComponent 中，并将函数放入 mount 部分。

在这种情况下，第一张图片有效，但 "" 打开的数量与 PhotoComponent.vue 一样多。例如，如果我在 PhotoListComponent 中列出 9 张图片并单击第一张照片，“”会打开 9 次。但是，其他图片根本不起作用，但会打开新标签。

2. 将 new LuminousGallery() 放入 PhotoListComponent 中，并将函数放入已安装部分。

在这种情况下，每当单击照片时都会打开一个新选项卡，这意味着发光功能不起作用。

3. 未安装，但在这些组件中添加点击事件。

例如...

在这种情况下，结果与模式 1 几乎相同，但第一张图片完全符合我的预期。但是，其他图片即使是新标签也不会打开任何东西。

抱歉吐槽了。我被这个问题困扰了一个星期。我真的需要别人的帮助。谢谢您的合作。