基金会交汇处不会显示图像
问题描述:
我是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>
对不起,反应迟缓,感谢您的建议,但加文还没有解决的问题。我现在回到这个项目,所以我会让你知道我是如何解决问题的(如果我解决了这个问题!) – 2014-10-20 13:10:37
我刚刚注意到图像路径。这是'图像'?这意味着您的图片文件夹需要位于根目录中。如果图像文件夹位于您的主题文件夹中,则可能通过'assets'通过cms或'themes/$ ThemeDir/images'上传。 – 2014-10-20 22:40:54