gpt4 book ai didi

javascript - Big Cartel - JQuery 上传/定位

转载 作者:太空宇宙 更新时间:2023-11-04 13:30:31 25 4
gpt4 key购买 nike

这是我网站的链接,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 文件的最佳位置是在您可以控制的服务器上 - 但如果您没有任何网站空间,则可以使用 Dropbox 或 Google Drive 等服务轻松托管文件。

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

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

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

关于javascript - Big Cartel - JQuery 上传/定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23393307/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com