Big Cartel - JQuery上传/位置

时间:2014-04-30 16:23:08

标签: javascript jquery html css bigcartel

以下是我网站的链接http://johnathonpowers.bigcartel.com

尝试在我的产品页面上使用图片......实际上创建了一个test page

无法弄清楚一些事情:

  1. 哪里有人托管jquery文件?
  2. 我是否需要为jquery.min.js设置jquery src(许多人使用google托管的那个,如果我正确地理解了这一点)和jquery.elevatezoom.js?
  3. 如果我最终不喜欢缩放,这仍然是一个合适的方法,可以在下方放置一个带有小缩略图的大图像(也许我会探索如何点击大图片来打开全屏版本)。
  4. 我的所有照片都应该是相同的尺寸吗?现在我有方格式照片和矩形...它可能最终看起来很可怕。
  5. 我是否将任何代码放入CSS或只是布局和特定页面我希望图像发生?
  6. 这些图片会替换我通过bigcartel系统上传的图片吗?
  7. 布局中已经有一个jquery条目...我只是在这个相同部分的末尾添加了额外的src吗?
  8. 这是我添加到布局中的内容: <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?

1 个答案:

答案 0 :(得分:1)

托管您的javascript文件的最佳位置是您可以控制的服务器,但如果您没有任何网站空间,则可以使用Dropbox或Google Drive等服务轻松托管文件。

您正在使用的Luna主题已经在您的布局的<head>部分加载了jQuery,因此您不需要再次包含该脚本(并且您将收到错误)如果你尝试,你的浏览器的JavaScript控制台)。

由于您使用的是具有大量自定义CSS的单独图像缩放库,因此您可能希望将CSS文件托管在单独的服务器上。将您在“布局”部分中包含的任何文件按照与现有主题文件相同的格式放置是一个好主意。

看起来你在tinyupload.com上托管的javascript文件只是打开一个下载页面,而不是实际将javascript内容加载到页面中,所以你肯定需要改变它的方式&# 39; s装。否则,您使用的HTML代码看起来应该可以使用。