第一个演示是一个 .js 文件,它加载了:
<script src="https://cdnjs.cloudflare.com/ajax/libs/zooming/1.4.2/zooming.js"></script>
https://codepen.io/zuhocuyixu/pen/oqpdWz
.js 为图像添加了一个很好的缩放功能。
第二个演示尝试使用 head.js 加载相同的 .js 文件。这没用。https://codepen.io/zuhocuyixu/pen/XEVEwG
关于为什么这不起作用的任何建议?
我建议查看zooming.js 文档
您可以像这样自己初始化图像的缩放:
head.ready(document, function() {
head.load('https://cdnjs.cloudflare.com/ajax/libs/zooming/1.4.2/zooming.js', function() {
var zooming = new Zooming();
zooming.listen('.my-img');
});
});
并将您的 html 更改为:
<img
class="my-img"
style='max-width: 100%;'
draggable="false" ondragstart="return false;"
src="https://image.ibb.co/bxRTKn/trees_crop.jpg"
data-original="https://preview.ibb.co/eRYm5S/trees.jpg"
alt="test"
/>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句