基金会交汇处不会显示图像

问题描述:

我是Zurb基金会的新手,想要实现交换。我已经按照安装过程去信,但图像不会加载,我错过了什么。我已经剥离了我的所有代码,只是交换,所以你可以看到我是如何尝试使用它的。我检查了所有的脚本和图片链接,并检查了它们都是正确的,那么为什么它不工作?基金会交汇处不会显示图像

在此先感谢

<!DOCTYPE html> 
    <head> 
     <script type="text/javascript" src="jquery.js"></script> 
     <script type="text/javascript" src="foundation.js"></script> 
     <script type="text/javascript" src="foundation.interchange.js"></script> 
    </head> 
    <body> 
     <img data-interchange="[images/slider-image-one-small.jpg, (default)], [images/slider-image-one.jpg, (large)]"> 
     <script> 
      $(document).foundation(); 
     </script> 
    </body> 
</html> 

尝试把所有的脚本在页面的底部,而不是在<head>

<!DOCTYPE html> 
<head> 

</head> 
<body> 
    <img data-interchange="[images/slider-image-one-small.jpg, (default)], [images/slider-image-one.jpg, (large)]"> 

    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="foundation.js"></script> 
    <script type="text/javascript" src="foundation.interchange.js"></script> 
    <script> 
     $(document).foundation(); 
    </script> 
</body> 

+0

对不起,反应迟缓,感谢您的建议,但加文还没有解决的问题。我现在回到这个项目,所以我会让你知道我是如何解决问题的(如果我解决了这个问题!) – 2014-10-20 13:10:37

+0

我刚刚注意到图像路径。这是'图像'?这意味着您的图片文件夹需要位于根目录中。如果图像文件夹位于您的主题文件夹中,则可能通过'assets'通过cms或'themes/$ ThemeDir/images'上传。 – 2014-10-20 22:40:54