Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 随机淡入淡出图像_Jquery_Html_Css_Image - Fatal编程技术网

Jquery 随机淡入淡出图像

Jquery 随机淡入淡出图像,jquery,html,css,image,Jquery,Html,Css,Image,我想淡入淡出一些图像,随机从页面加载时,直到关闭。 我为什么这么做。 css HTML 它不起作用,我真的很想听听你的建议代码中有语法错误,请将代码移到dom ready hadnler下 jQuery(function(){ function random(n) { return Math.floor(Math.random() * n); }// this was missing var transition_time = 500; var w

我想淡入淡出一些图像,随机从页面加载时,直到关闭。 我为什么这么做。 css

HTML


它不起作用,我真的很想听听你的建议

代码中有语法错误,请将代码移到dom ready hadnler下

jQuery(function(){
    function random(n) {
        return Math.floor(Math.random() * n);
    }// this was missing
    var transition_time = 500;
    var waiting_time = 500;
    var images = $('div#block img').hide();
    var n = images.length;
    var current = random(n);
    images.hide();
    images.eq(current).show();

    var interval_id = setInterval(function () {
        images.eq(current).fadeOut(transition_time, function () {
            current = random(n);
            images.eq(current).fadeIn(transition_time);
        });
    }, 2 * transition_time + waiting_time);
})

演示:

代码中存在语法错误,请将代码移动到dom就绪hadnler下

jQuery(function(){
    function random(n) {
        return Math.floor(Math.random() * n);
    }// this was missing
    var transition_time = 500;
    var waiting_time = 500;
    var images = $('div#block img').hide();
    var n = images.length;
    var current = random(n);
    images.hide();
    images.eq(current).show();

    var interval_id = setInterval(function () {
        images.eq(current).fadeOut(transition_time, function () {
            current = random(n);
            images.eq(current).fadeIn(transition_time);
        });
    }, 2 * transition_time + waiting_time);
})
演示:

function random(n){
return Math.floor(Math.random()*n);
var transition_time=500;
var waiting_time=500;
var images=$('div#block img');
var n=images.length;
var current=random(n);
images.hide();
images.eq(current).show();
var interval_id=setInterval(function(){
images.eq(current).fadeOut(transition_time,function(){current=random(n);
images.eq(current).fadeIn(transition_time);
});
},2*transition_time+waiting_time);
jQuery(function(){
    function random(n) {
        return Math.floor(Math.random() * n);
    }// this was missing
    var transition_time = 500;
    var waiting_time = 500;
    var images = $('div#block img').hide();
    var n = images.length;
    var current = random(n);
    images.hide();
    images.eq(current).show();

    var interval_id = setInterval(function () {
        images.eq(current).fadeOut(transition_time, function () {
            current = random(n);
            images.eq(current).fadeIn(transition_time);
        });
    }, 2 * transition_time + waiting_time);
})