如何使Lightcase插件与.webp一起使用？

2024-05-07 • 问答

我正在使用https://cornel.bopp-art.com/lightcase/

使用.jpg等时

<div id="lightcase-content">
  <div class="lightcase-contentInner" style="opacity: 1; width: 700px; max-width: 100%;">
    <img src="/upload/big/tresna.jpg" style="max-width: 850px; max-height: 500px;">
  </div>
</div>

使用.webp图像时，输出位于<iframe>

中

<div id="lightcase-content">
  <div class="lightcase-contentInner" style="opacity: 1; max-width: 100%;">
    <iframe src="/upload/big/tresna.webp" style="width: 800px; height: 500px; max-width: 850px; max-height: 500px;">
      <html>
      <head>
      <body>
        <img src="http://127.0.0.1:8085/upload/big/tresna.webp">
      </body>
      </html>
    </iframe>
  </div>
</div>

我想使用.webp，但我希望它像使用.jpg（不使用iframe）时一样显示

WLKing 回答：如何使Lightcase插件与.webp一起使用？

我发现了这一点，只需在脚本中找到typeMapping并添加webp即可：

typeMapping: {              
'image': 'webp,jpg,jpeg,gif,png,bmp',},

css html javascript lightbox lightcase.js

本文链接：https://www.f2er.com/2903355.html

如何使Lightcase插件与.webp一起使用？

WLKing 回答：如何使Lightcase插件与.webp一起使用？

大家都在问