在img" src"中使用php函数标签

时间:2017-03-28 12:29:32

标签: javascript php html

我想要手动指定文件名,而不是动态加载文件,返回带有文件名的字符串的函数。我在php中有函数,显示了这段代码 -

       <a >
        <figure>                                                        
        <img src=\"images/parfumes/car.png\" class=\"parfume$ProductID\"  value=\"$ProductPrice \" height=\"225\" width=\"225\">
        <figcaption  >Цена: $ProductPrice лв.</figcaption>
        </figure>

    </a>";

这是返回字符串的函数:

function getPpicture($id)
{
    $path = 'images';
    $files = scandir($path);
    foreach ($files as $file) {
        if (is_file($file)) {
            echo "Файлът несъществува. Моля опитатайте отново!!";
        } else {
            $ext = basename($file, '.*');
            if ($ext == $id) {
               return  $ext . "";
               break;
            }

        }
    }
}

我想要这样的东西:

<img src=\"images/parfumes/getPpicture(somedigit)\"  class=\"parfume2\" value=\"$ProductPrice\" height=\"225\" width=\"225\">
        <figcaption  >$ProductPrice.ЛВ</figcaption>
        </figure>";

任何想法,这是正确的语法??

1 个答案:

答案 0 :(得分:0)

这可以分两步完成:

  1. 为您的img代码分配ID(不是必需但更方便)
  2. &#13;
    &#13;
        <img src="images/parfumes/getPpicture(somedigit)"  id="myImg"class="parfume2" value="$ProductPrice" height="225" width="225">
    &#13;
    &#13;
    &#13;

    1. 使用javascript
    2. 更改图片代码的src属性

      &#13;
      &#13;
       document.getElementById('myImg').src = "images/parfumes/" + getPpicture(somedigit);
      &#13;
      &#13;
      &#13;