【发布时间】:2014-05-03 05:45:29
【问题描述】:
这是我网站的链接,http://johnathonpowers.bigcartel.com
尝试在我的产品页面上摆弄图片...实际上创建了一个test page。
无法弄清楚一些事情:
- 在哪里托管 jquery 文件?
- 我是否需要同时拥有 jquery.min.js(如果我理解正确的话,很多人使用 google 托管的)和 jquery.elevatezoom.js 的 jquery src?
- 如果我最终不喜欢缩放,这仍然是一种合适的方式来显示大图像和下面的小缩略图(也许我会探索如何单击大图像以打开全屏版本)。
- 我所有的图片都应该是相同的尺寸吗?现在我有方形格式的照片和矩形......它可能最终看起来很糟糕。
- 我是在 CSS 中添加任何代码,还是只在布局和特定页面中添加图像?
- 这些图片会取代我通过 bigcartel 系统上传的图片吗?
- 布局中已经有一个 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