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ファイルのどちらにもリンクしていないようですか？パスなどをトリプルチェックしました。

BODY 内に追加された HTML コード

<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に置き換えることで、ファイルから画像とサムのファイルパスを変更できます。ファイルの数値回転名を保持するようにしてください。そうしないと表示されません。さらに、motools スクリプト行をチュートリアルで指定されたものに置き換えることができます。thumbs/picture/<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 に答える