Question

所以我想在我的网站上添加一个照相馆。有一个.zip文件可以下载，包含所需的一切。我复制了那些文件，替换了＆amp;检查以便.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>

Answer 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/文件更改图像和拇指的文件路径。尝试保留文件的numerotation名称，否则它将不会显示。另外，您可以使用教程中指定的脚本行替换motools脚本行：<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"></script>

照片库的问题

1 个答案: