- This topic has 0 replies, 1 voice, and was last updated 2 hours, 9 minutes ago by
.
<div>Hi,</div>
<div>the problem occurs in the portfolio when clicking on the image with the webp extension. The overlay image is into an iframe,</div>
<div></div>
<div><div id=”lightcase-content”></div>
<div><div class=”lightcase-contentInner” style=”opacity: 1; width: 800px; height: 500px; max-width: 100%;”></div>
<div><iframe src=”https://www.mywebsite.it/consulting/wp-content/uploads/2019/03/Shopper-cotone-lucca.webp” width=”800″ height=”500″ frameborder=”0″ style=”width: 800px; height: 500px; max-height: 510px;”></iframe></div>
<div></div></div>
<div></div></div>
<div></div>
<div>which doesn’t happen if the image is a jpg or png.</div>
<div></div>
<div><div id=”lightcase-content”></div>
<div><div class=”lightcase-contentInner” style=”opacity: 1; width: 538.641px; height: 509.984px; max-width: 100%;”></div>
<div>
</div>
<div></div></div>
<div></div></div>
<div></div>
<div>so the image does not take up the all space of the overlay window and you can see the white background and the edges of the iframe.</div>
<div></div>
<div>In “jevelin/js/plugins/lightcase.min.js” I tried adding webp at the line 120:</div>
<div></div>
<div>typeMapping: {</div>
<div>‘image’: ‘jpg,jpeg,gif,png,bmp,webp’,</div>
<div></div>
<div> but it doesn’t work.</div>
<div></div>
<div>How can you fix this?</div>
<div></div>
<div>Thank you and I look forward to hearing from you. Best regards.</div>
<div></div>
<div>Chiara Cinelli</div>
