使用javascript我想添加一个图像作为链接,但想要每隔三次访问一次就更改图像

时间:2013-09-24 00:08:25

标签: javascript

说我有两张图片上传到我的服务器: http://mywebsite.com/image1.jpghttp://mywebsite.com/image2.jpg

我想在我的网站上显示image1.jpg两次,所以当点击时,它会转到:http:// gohere.com 但是大约每隔三次,我想用相同的链接显示image2.jpg。

感谢您的帮助, 琼斯

(我真的很感激整个代码,我猜它不会那么长,随机对我来说没问题。假设生成一个介于1和3之间的随机数,如果可以除以3,则image2可以使用。)

2 个答案:

答案 0 :(得分:1)

你在这里有几个解决方案。

如果您有服务器端代码,则可以在页面生成中执行此操作,生成一些随机数或保留计数页面已加载的次数并检查该值是否为多个3。

另一个解决方案是在JavaScript中执行此操作,随机解决方案可能更好。

尝试将此HTML用于图像

<a href="http://gohere.com"><img id="my-image" /></a>

和这个JavaScript:

<script type="text/javascript">
    document.ready = function() {
        var myImage = document.getElementById("my-image");

        if (Math.random() < 0.67) {
            myImage.src = "http://mywebsite.com/image1.jpg";
        } else {
            myImage.src = "http://mywebsite.com/image2.jpg";
        }
    }
</script>

答案 1 :(得分:0)

您可以尝试使用jQuery / Javascript随机交换1到2之间:

$(document).ready(function(){
    var rdm = Math.round(Math.random()) + 1;
    $('img').attr('src', 'http://mywebsite.com/image' +  rdm + '.jpg');
});