php - 如何动态添加在 html 上并在 html 中编写 php

Question

我想使用php获取文件夹中的图像文件信息，并在div中动态添加图像然后添加到网页中，下面是我的代码，但它不起作用，请帮助我。

索引.html

<div class="scrollContainer">   
  <?php
    var $i = 1;
    var $panel_id = "panel_";
    var $imgUrl = "./Img/";
    var $file=NULL;

    var $dir = opendir("Img");
    while( ($file = readdir($dir)) !== false ){
      $panel_id = $panel_id.$i;
      $imgUrl = $imgUrl.$file;
      echo "$('.scrollContainer').html("
          ."$('<div/>')"
          .".addClass('panel')"
          .".id(".$panel_id.")"
          .".append("
          ."$('<div/>')"
          .".addClass('inside')"
          .".append("
          ."$('<img/>')"
          .".attr('src',".$imgUrl.")"
          .")"
          .".append("
          ."$('<p/>')"
          .".text(".$file.")"
          .")"
          .")"
          .");";

      $panel_id = "panel_";
      $imgUrl = "./Img/";
      $i = $i + 1;
    } // while

    closedir( $dir );
  ?> 
<div>

我是新手，请帮助我，我很感激。

Answer 1

您正在将 PHP 与 jquery 创建对象方法结合使用？？？

来自 PHP 的你可以直接编写 html 代码（我推荐一个模板 sistaxis）：

  <?php
    var $i = 1;
    var $panel_id = "panel_";
    var $imgUrl = "./Img/";
    var $file=NULL;

    var $dir = opendir("Img");

    ?>



    <div class="scrollContainer">

    <?php while( ($file = readdir($dir)) !== false ) : ?>

         <div src="panel" id="<?= $panel_id.$i ?>">
              <div class="inside">
                  <img src="img/<?= $imgUrl.$file ?>" />
                  <p><?= htmlentities($file) ?></p>
              </div>
         </div>  
      <?php $i++; ?>
    <?php endwhile; ?>

  <?php
  closedir( $dir );
  ?> 
  </div>