【问题标题】:Big Cartel - JQuery Upload/Location大卡特尔 - JQuery 上传/位置
【发布时间】:2014-05-03 05:45:29
【问题描述】:

这是我网站的链接,http://johnathonpowers.bigcartel.com

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

无法弄清楚一些事情:

  1. 在哪里托管 jquery 文件?
  2. 我是否需要同时拥有 jquery.min.js(如果我理解正确的话,很多人使用 google 托管的)和 jquery.elevatezoom.js 的 jquery src?
  3. 如果我最终不喜欢缩放,这仍然是一种合适的方式来显示大图像和下面的小缩略图(也许我会探索如何单击大图像以打开全屏版本)。
  4. 我所有的图片都应该是相同的尺寸吗?现在我有方形格式的照片和矩形......它可能最终看起来很糟糕。
  5. 我是在 CSS 中添加任何代码,还是只在布局和特定页面中添加图像?
  6. 这些图片会取代我通过 bigcartel 系统上传的图片吗?
  7. 布局中已经有一个 jquery 条目...我是否只需在同一部分的末尾添加额外的 src?

这是我添加到布局中的: <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?

【问题讨论】:

    标签: javascript jquery html css bigcartel


    【解决方案1】:

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

    您使用的 Luna 主题已经在布局的 &lt;head&gt; 部分加载了 jQuery,因此您无需再次包含该脚本(如果您尝试,您会在浏览器的 javascript 控制台中遇到错误) .

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

    看起来您在 tinyupload.com 上托管的 javascript 文件只是打开了一个下载页面,而不是实际将 javascript 内容加载到页面中,因此您肯定需要更改加载方式。否则,您使用的 HTML 代码看起来应该可以工作。

    【讨论】:

    • Nick 我感谢所有的帮助,但我可能会放弃这个哈哈。首先我欠你一顿午餐,说真的。我需要弄清楚这里的消息系统并向您发送消息。无论如何,这就是我现在所拥有的。这是一团糟,我知道,我只是在玩了一个小时或更长时间,看看有什么变化,什么做了什么。 i.imgur.com/biJRGHa.pngi.imgur.com/eZx15ye.pngi.imgur.com/WeLC1zs.png 这是每个页面的三个图像。不知道我的javascript应该去哪里。另外,如果我的链接通过谷歌驱动器是正确的......
    • ...因为我正在链接到文件文件夹。您提到为我的 CSS 上传链接?我应该将底部的 CSS(相对于这个缩放脚本)复制/粘贴到记事本或类似的东西中并上传吗?我在 elevate 网站的下载内容中没有看到任何特定的 CSS 文件/内容。老实说,目前我更感兴趣的是整理照片库,然后解决缩放问题(如果我能处理这个任务的话)。它变得相当先进,最终雇用某人可能对我来说更好,尽管我仍然不会学习自己做的未来产品。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-01-25
    • 1970-01-01
    • 2020-01-20
    • 2022-09-30
    • 1970-01-01
    相关资源
    最近更新 更多