大卡特尔-JQuery上传/定位



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

试图在我的产品页面上玩图片。。。well实际上创建了一个测试页面。

无法弄清楚一些事情:

  1. 在哪里托管jquery文件
  2. 我是否需要为jquery.min.js(如果我正确理解的话,很多都使用谷歌托管的(和jquery.elevatezoom.js提供jquery-src
  3. 如果我最终不喜欢缩放,这仍然是一种合适的方式来获得下面有小缩略图的大图像吗(也许我会探索如何点击大图像打开全屏版本(
  4. 我所有的照片都应该一样大吗?现在我有正方形格式的照片和矩形。。。结果可能会很糟糕
  5. 我是在CSS中放入任何代码,还是只放入布局和我希望图像发生的特定页面
  6. 这些图片会取代我通过大卡特尔系统上传的图片吗
  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内容的地方:我可以在我的大型卡特尔商店中集成我的产品的内部变焦吗?

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

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

由于您使用的是一个单独的图像缩放库,其中包含一堆自定义CSS,因此您可能也希望将CSS文件托管在一个独立的服务器上。最好将包含的任何文件放在Layout部分中,格式与现有主题文件相同。

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

相关内容

  • 没有找到相关文章

最新更新