Javascript根据偶数或奇数ID更改图像URL

时间:2018-01-07 06:29:36

标签: javascript html

如果请求ID是偶数还是奇数,我希望有两个不同的默认图像。

这是我现在的代码。

 <span style="float:right; strong;">ID#</strong> '.$row['id'].'</span> <br/>
 <br />

 <img src="pics/comingsoon_new.png" width="400px" height="200px" 
 onerror=this.style.display="none" <br /><br /><br />

有没有办法添加javascript,以便在ID为偶数或奇数时更改默认图片网页?

2 个答案:

答案 0 :(得分:1)

您可以使用modulo检查int是偶数还是奇数。这是一个使用js / jquery的简单示例。

<script>
$(document).ready(function(){
    //Put value of php to js
    var id = <?php echo $row['id'];?>;

    //Use modulo to check if even or odd
    if ( id % 2 ) {
        //Odd - Change the attr for img
        $( "img" ).attr( "src", "pics/comingsoon_new-odd.png" );
    } else {
        //Even - Change the attr for img
        $( "img" ).attr( "src", "pics/comingsoon_new-even.png" );
    }
});
</script>

答案 1 :(得分:1)

    <span style="float:right; strong;">ID#</strong> '.$row['id'].'</span> <br/> <br />
<?php $img_url = $row['id'] % 2 == 0 ? 'Even_img_url' :'odd_img_url'; ?>

 <img src="<?php echo $img_url; ?>" width="400px" height="200px" onerror=this.style.display="none" <br /><br /><br />

如果它来自服务器端,为什么你需要用js来做?