使用PHP增加图像ID的编号

时间:2016-02-05 20:28:02

标签: php html image numbers

所以,我有一个问题,我有67张(和计数)图像全部命名为IMAGE01.jpg,IMAGE02.jpg一直到IMAGE67.jpg。

在我的HTML页面中,我有这段代码来显示图像。

<article class="thumb">
                        <a href="images/fulls/image01.jpg" class="image"><img src="images/thumbs/image01.jpg" alt="" /></a>
</article>

所以,我有67张图片。有没有办法使用PHP递增图像编号?所以我可以复制并粘贴那段代码以获得我拥有的图像数量?

这也是解决问题的第一部分。但是,有没有办法不必为每个图像重复该代码?是否可以使用PHP来定义我希望重复的次数?

所以有一段代码并且有一些东西要重复定义的次数,所以当我添加到集合中时,我所要做的就是改变重复次数?

非常感谢您的帮助。意味着分配。

4 个答案:

答案 0 :(得分:2)

<?php
    for($i=1; $i<=67; $i++) {
?>
<article class="thumb">
    <a href="images/fulls/image<?php
        if($i<9)
            echo "0".$i;
        else
            echo $i;
    ?>.jpg" class="image"><img src="images/thumbs/image<?php
        if($i<9)
            echo "0".$i;
        else
            echo $i;
    ?>.jpg" alt="" /></a>
</article>
<?php
    }
?>

答案 1 :(得分:2)

要制作您想要的内容,您需要使用1到67之间的for循环(因为您的图像名称是1到67)。对于每次迭代,您必须回显html字符串。

就像这样:

for($i = 1; $i<=67; $i++){
    $name = $i<10?"0".$i:$i;
    echo "<article class='thumb'>
        <a href='images/fulls/image".$name.".jpg' class='image'>
            <img src='images/thumbs/image".$name.".jpg' alt=''/>
        </a>
    </article>";
}

如果名称需要在0之前(01,02 ...),则需要构造名称。这是我在这里所做的:$name = $i<10?"0".$i:$i;。这意味着,如果$ i&lt; 10然后我们添加一个&#34; 0&#34;在此之前,名称是$ i。

你也可以使用while循环:

$i = 1;
while($i<=67){
    $name = $i<10?"0".$i:$i;
    echo "<article class='thumb'>
        <a href='images/fulls/image".$name.".jpg' class='image'>
            <img src='images/thumbs/image".$name.".jpg' alt=''/>
        </a>
    </article>";
    $i++;
}

它有同样的想法。

希望对你有所帮助。

答案 2 :(得分:0)

您可以使用PHP变量并将其注入HTML。以下代码将从1 - 67开始计算。

<?php
$count = 1;

while($count <= 67){
?>
<p>Count: <?php echo $count; ?></p>
<?php
    $count +=1;
}
?>

所以你可以这样使用它:

<article class="thumb">
<?php
$count = 1;

while($count <= $numOfImages){
?>
    <a href="images/fulls/image<?php echo $count; ?>.jpg" class="image"><img src="images/thumbs/image<?php echo $count; ?>.jpg" alt="" /></a>
<?php
    $count +=1;
}
?>
</article>

只需将$numOfImages设置为有多少图像,它就可以正常工作。

答案 3 :(得分:0)

{{1}}