图像放大镜 - 鼠标移动时悬停和平移图像上的缩放图像

Question

我在这里找到了一个很好的例子，但我不知道如何使用这些代码 首先，我在Blogger中尝试了代码，没有任何显示 其次，我在jsfiddle中尝试了代码，也没有显示出来 第三，我导出了代码并将其粘贴在Blogger中，没有任何显示。 ＆GT; :(
该代码仅在我使用导出的.html和在线示例时才有效。 http://codepen.io/ccrch/pen/yyaraz

Blogger不支持代码还是我错误地使用它？

Answer 1

你还记得包括jquery吗？ 此代码依赖于Jquery javascript框架。

只需在脚本上方包含jquery脚本，如下所示：

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="js/yourScriptHere.js"></script>

Answer 2

您还必须放置脚本标记以打开和关闭脚本。 CodePen链接上的JS代码不包含这些标记。

脚本开始和结束标记如下所示：

<script type="text/javascript">

</script>

在这些标签之间，您可以复制并粘贴CodePen中的JavaScript，即

<script type="text/javascript">
 $('.tile')
// tile mouse actions

and so on...

</script>

同样将此链接复制并粘贴到最新的jQuery脚本中，如BlitZz所述：

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

如果执行此操作后，图片无法缩放，请将链接粘贴到您的实际网页。