Question

我想连续多次显示一个图像，我编写了以下内容（混合使用HTML / PHP / CSS）：

for ($i=20; $i<=320; $i=$i+300) {
    echo "<style> " 
      . ".test{"
      . "position: absolute;
         left: " . $i . "px;"
      .  "top: " . 430 . "px;"
      . "</style>";
    echo "<img src=http://localhost/Summoner's%20Index/images/scheme.png class=test>" . "<br />" . "<br />";
}

我的问题是，每次再次放置图像时，旧图像会消失，因此最终只有一个图像实例。我怎么能改变它？

Answer 1

每个循环重新声明样式，因为所有图像都使用一种风格，无论你循环多少次，它们都会慢慢地移动到彼此之上。

从循环中拉出样式，而不是在img标签上添加一些内联css，使用绝对位置和动态的顶部和左侧值。

<?
for($i=0;$i<50;$i++)
{
    $left = $i*300;
    ?><img src='blah.jpg' style='position:absolute; left:<?=$left?>px;'><?  
}
?>

在HTML中显示图像的多个实例？

1 个答案: