0

DIVタグ内の画像「folderContents05.jpg」の上にフォルダの内容を表示したいのですが。PHPスクリプトは、それが存在するディレクトリのフォルダの内容を出力する必要があります。スクリプトはそれ自体で正常に機能しますが、htmlで使用したり、スクリプトを呼び出したりすると、何も表示されないようです。

これがHTMLです-

<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="style.css" rel="stylesheet" type="text/css">
<!-- End Save for Web Styles -->
</head>
<body style="background-color:#353535; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- Save for Web Slices (index.psd) -->
<div id="wrapper">
<div id="Table_01">
<div id="folderContents01">
<img src="images/folderContents01.jpg" width="359" height="120" alt="">
</div>
<div id="folderContents02">
<img src="images/folderContents02.jpg" width="591" height="150" alt="">
</div>
<div id="folderContents03">
<img src="images/folderContents03.jpg" width="359" height="30" alt="">
</div>
<div id="folderContents04">
<img src="images/folderContents04.jpg" width="126" height="460" alt="">
</div>
<div id="folderContents05">
<img src="images/folderContents05.jpg" width="698" height="396" alt="">
</div>
<div id="folderContents06">
<img src="images/folderContents06.jpg" width="126" height="460" alt="">
</div>
<div id="folderContents07">
<img src="images/folderContents07.jpg" width="698" height="64" alt="">
</div>
<div id="folderContents08">
<img src="images/folderContents08.jpg" width="950" height="90" alt="">
</div>
</div>
</div>
<!-- End Save for Web Slices -->
</body>
</html>

とphpスクリプト

<?php
$count = 0;
if ($handle = opendir('.')) {
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != "..") {$count++;
print("<a href=\"".$file."\">".$file."</a><br />\n");
}
}
closedir($handle);
}
?>
4

3 に答える 3

0

「フォルダ コンテンツ」の画像を div の背景として作成し、以下のコードのような php 自体で HTML マークアップを生成する必要があります。

if ($file != "." && $file != "..") {$count++;
print(<div id="folderContents +i">
</div>)

カウンターを配置して、それを使用して生成できるようにします（ folderContents1 、 folderContents2 など）。

于 2012-08-26T16:11:20.847 に答える
0

タグで使用style= "z-index: 0"し、PHP を次のように変更します。<img>

<?php
$count = 0;
if ($handle = opendir('.')) {
echo '<div style="z-index: 1">';
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != "..") {$count++;
print("<a href=\"".$file."\">".$file."</a><br />\n");
}
}
echo '</div>';
closedir($handle);
}
?>

z-index を使用すると、要素の「最上位」の順序が確立されます

于 2012-08-26T16:23:19.880 に答える
0

これは、あなたの望むことですか？

<div id="folderContents05" style="position: relative">
  <img src="images/folderContents05.jpg" width="698" height="396" alt="">
  <div style="position: absolute; left: 0; top: 0; z-index: 100">
  <?php
   $count = 0;
   if ($handle = opendir('.')) {
     while (false !== ($file = readdir($handle))) {
       if ($file != "." && $file != "..") {
         $count++;
         print("<a href=\"".$file."\">".$file."</a><br />\n");
       }
     }
   closedir($handle);
   }
  ?>
  </div>
</div>
于 2012-08-26T16:25:21.290 に答える