以下是我网站的链接http://johnathonpowers.bigcartel.com
尝试在我的产品页面上使用图片......实际上创建了一个test page。
无法弄清楚一些事情:
这是我添加到布局中的内容:
<script src="http://s000.tinyupload.com/index.php?file_id=24823496361920795072" type="text/javascript"></script>
这是我的测试页面:
<img id="zoom_01" src="http://i.imgur.com/1L86Fcms.jpg" data-zoom-image="http://i.imgur.com/1L86Fcm.jpg"/>
$("#img_01").elevateZoom();
<head><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script></head>
<img id="product_zoom" src="http://i.imgur.com/1L86Fcms.jpg" data-zoom-image="http://i.imgur.com/1L86Fcm.jpg" class="fade_in">
再次感谢所有的帮助,老实说可能咬得比我能咀嚼的多。我只是想玩它并看看它是否会起作用/是我喜欢的东西,但似乎我已经在一个兔子洞中进入了另一个世界,远远超过了我的基本html技能组合。
这是我第一次看到jquery的东西: Can I integrate an Internal zoom on my products in my big cartel store?
答案 0 :(得分:1)
托管您的javascript文件的最佳位置是您可以控制的服务器,但如果您没有任何网站空间,则可以使用Dropbox或Google Drive等服务轻松托管文件。
您正在使用的Luna主题已经在您的布局的<head>
部分加载了jQuery,因此您不需要再次包含该脚本(并且您将收到错误)如果你尝试,你的浏览器的JavaScript控制台)。
由于您使用的是具有大量自定义CSS的单独图像缩放库,因此您可能希望将CSS文件托管在单独的服务器上。将您在“布局”部分中包含的任何文件按照与现有主题文件相同的格式放置是一个好主意。
看起来你在tinyupload.com上托管的javascript文件只是打开一个下载页面,而不是实际将javascript内容加载到页面中,所以你肯定需要改变它的方式&# 39; s装。否则,您使用的HTML代码看起来应该可以使用。