这是我的网站链接,http://johnathonpowers.bigcartel.com
试图在我的产品页面上玩图片。。。well实际上创建了一个测试页面。
无法弄清楚一些事情:
- 在哪里托管jquery文件
- 我是否需要为jquery.min.js(如果我正确理解的话,很多都使用谷歌托管的(和jquery.elevatezoom.js提供jquery-src
- 如果我最终不喜欢缩放,这仍然是一种合适的方式来获得下面有小缩略图的大图像吗(也许我会探索如何点击大图像打开全屏版本(
- 我所有的照片都应该一样大吗?现在我有正方形格式的照片和矩形。。。结果可能会很糟糕
- 我是在CSS中放入任何代码,还是只放入布局和我希望图像发生的特定页面
- 这些图片会取代我通过大卡特尔系统上传的图片吗
- 布局中已经有一个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内容的地方:我可以在我的大型卡特尔商店中集成我的产品的内部变焦吗?
托管javascript文件的最佳位置是在您可以控制的服务器上,但如果您没有任何网络空间,您可以使用Dropbox或Google Drive等服务轻松托管文件。
您正在使用的Luna主题已经在Layout的<head>
部分加载了jQuery,因此您不需要再次包含该脚本(如果尝试,浏览器的javascript控制台中会出现错误(。
由于您使用的是一个单独的图像缩放库,其中包含一堆自定义CSS,因此您可能也希望将CSS文件托管在一个独立的服务器上。最好将包含的任何文件放在Layout部分中,格式与现有主题文件相同。
看起来你在tinyupload.com上托管的javascript文件只是打开了一个下载页面,而不是实际将javascript内容加载到页面中,所以你肯定需要改变加载方式。否则,您使用的HTML代码看起来应该可以工作。