0

所以我想在我的网站上添加一个相册。有一个可以下载的 .zip 文件，其中包含所需的一切。我复制了这些文件，替换并检查了文件路径在 .html 文件中是正确的等等，但这就是发生的事情：http: //i49.tinypic.com/2m4ep0y.png

我想要做什么：http: //net.tutsplus.com/tutorials/javascript-ajax/create-a-spectacular-photo-gallery-with-mootools/

CSS 代码可以在上面的链接中找到，我的 .css 文件看起来完全一样，只是复制粘贴。HTML文件中的部分也被复制了，所以不确定问题出在哪里。似乎它没有链接到 javascript/css 文件？我已经对路径等进行了三次检查。

HTML 代码，在 BODY 中添加

<div id="container">

<h1>Photo Gallery</h1>

<div id="picture_section">
<div id="inside">

</div>
</div>

<div id="controls_vert">
<div id="up" class="deactivated">Scroll Up</div>
<div id="down">Scroll Down</div>
</div>

<div id="controls_horz">
<div id="left">Left</div>
<div id="right">Right</div>
</div>

</div>

<div id="display_picture_container">
<div id="display_picture">Click on the image to go back to the gallery.</div>
<div id="display_picture_img"></div>
</div>
4

1 回答 1

1

我还下载了源文件，这就是“index.html”中的代码的样子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Photo Gallery</title>

<link rel="stylesheet" type="text/css" href="main.css" />

<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="main.js"></script>
</head>

<body>

<div id="container">

<h1>Photo Gallery</h1>

<div id="picture_section">
<div id="inside">

</div>
</div>

<div id="controls_vert">
<div id="up" class="deactivated">Scroll Up</div>
<div id="down">Scroll Down</div>
</div>

<div id="controls_horz">
<div id="left">Left</div>
<div id="right">Right</div>
</div>

</div>

<div id="display_picture_container">
<div id="display_picture">Click on the image to go back to the gallery.</div>
<div id="display_picture_img"></div>
</div>

</body>
</html>

从我在您的屏幕截图中可以看到，它清楚地没有显示任何内容。main.js您可以通过替换thumbs/并picture/使用所需的文件夹名称来更改文件中图像和缩略图的文件路径。尽量保留文件的编号，否则不会显示。另外，您可以将 motools 脚本行替换为教程中指定的行：<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"></script>

于 2013-01-27T13:41:10.697 回答