当数字在范围内时显示特定图像


Show specific image when a number is within a range

你好,:)的助手们我有一个问题,我想显示 30 张图像中的特定图像,具体取决于访问查询发送到网站的值。我在网上搜索了许多答案,有些接近,但从未到达我想要的地方。有没有人可以帮助我解决这个问题。它可以是JS或PHP,两者都很好。

举个例子:值达到 1376,那么图像将是数字 4,当值达到 1377 时,图像应该是数字 5。值应该很容易改变。

感谢您的任何建议。

这没有做,它应该做什么 - 但看起来像可能很容易编辑的东西(如果你知道如何的话(。

这应该是一个网站,其中显示一个特定的数字(介于 1 和 10000 之间(,具体取决于成就。当这个值达到某个最小值时,我想显示相应的图像。当它低于 1000 时,它将显示"低于 10%"图像。在1000年到1499年之间,它将是"接近15%"的图像。所以实际上是进度的可视化。不是作为酒吧,而是作为图像。想象一座正在建造的房子,每增加一个数字,就会在地基上多放一块石头。这就是本意。我希望现在这是有道理的。如果没有,不要标记整个问题,而是询问。

<form action="<?php echo php ?>" method = "post" >
<input type="text" name="number" value="1376" onchange="this.form.submit()" />
</form>
<?php 
$path = '4.jpg';
$value = $_POST['number'];
if(!(empty($value)){
    $path = explode($path,'.');
 switch($value) {
 case 1366:
    $path = 4; //incrementing by one
    break;
 case 1367:
    $path = 5; //incrementing by one
    break;
default:
    $path = 4;
    break;
 }  
}
$path = $path.'.'.$path[1];
?>
<img class="hidden" src="<?php echo $path ?>"/>

这个使用案例结构。随心所欲地设置。