0

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

尝试在我的产品页面上摆弄图像……实际上创建了一个测试页面

无法弄清楚一些事情:

  1. 一个人在哪里托管 jquery 文件?
  2. 我是否需要同时拥有 jquery.min.js(如果我正确理解其中任何一个,许多使用由谷歌托管的)和 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 的地方: 我可以在我的大型卡特尔商店中集成我的产品的内部缩放吗?

4

1 回答 1

1

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

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

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

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

于 2014-05-02T21:45:29.197 回答