【问题标题】:Adding direct IMG links breaks template添加直接 IMG 链接会中断模板
【发布时间】:2022-01-15 19:16:23
【问题描述】:

所以我正在编辑这个模板以用于画廊项目,但是当我尝试替换链接时

<img src="https://source.unsplash.com/random/?tech,yet"> 

类似的东西

<img src="https://www.geoawesomeness.com/wp-content/uploads/2013/11/earth.jpeg">

图片不可见,并且没有直接链接的图片显示在上面。

所有布局都崩溃了。我从 codepen 得到了模板。 codepen.io/vhanla/pen/PxjZvj 有什么想法会导致这种行为吗?谢谢

【问题讨论】:

  • 你能发一张它的截图吗?可能图片盗链被屏蔽了……
  • 我的代码的唯一区别是:div class="gallery-item"&gt; &lt;div class="content"&gt; &lt;a href="./pictures/torotate/DSCF0052.jpg" class="lightbox"&gt;&lt;img src="./pictures/torotate/tn/thumbnail.png" alt="./pictures/torotate/DSCF0052.jpg" /&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt;
  • 不行,能不能发个截图看看你用新图的时候是什么样子的?

标签: javascript html css image-gallery


【解决方案1】:

codepen 似乎使用动态调整大小的图像来模仿 masonry 插件

https://unsplash.com/documentation#dynamically-resizable-images

动态调整大小的图像
Unsplash API 返回的每个图像都是一个动态图像 URL,这意味着可以通过简单地调整图像 URL 的查询参数来对其进行操作以创建图像的新转换。
这可以在客户端实时调整图像大小、裁剪、压缩和更改图像格式,而无需任何 API 调用。
在后台,Unsplash 使用 Imgix,这是一种强大的图像处理服务,可提供动态图像 URL。

【讨论】:

  • 这是否意味着我将无法使用该模板创建包含“电话”照片的画廊?已定义尺寸的图片?
  • 我想是的。我没有看更深。改用我链接的砌体或在服务器上实现相同的动态大小
  • 我试试看。谢谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-03-31
  • 1970-01-01
  • 1970-01-01
  • 2014-03-31
  • 2011-06-28
  • 2015-03-24
  • 1970-01-01
相关资源
最近更新 更多