Javascript - 滚动来自 tumblr 的随机图像

标签 javascript

所以,我试图从某人的 Tumblr 上随机滚动一张图像,但效果不太好。问题是,有时它没有选择照片并且背景保持黑色(它在我的 .css 文件中定义),如何解决这个问题?我从这里的其他问题借用的代码。提前致谢。

    <script>
    $(document).ready(function () {
    var link = "http://api.tumblr.com/v2/blog/www.30000fps.com/posts?";
    $.ajax({
        type: "GET",
        url: link,
        dataType: "jsonp",
        data: {
            api_key: "ClAjag2DrKwJhbFY1aAAwqBUxEFBEOBwc7AzMwXlcaNlp3gZte"
        }
    }).done(function (data) {

        var url = $.rand(data.response.posts);
        url = url.photos[0].original_size.url;
        console.log(url);
        console.log($.rand(data.response.posts));
        $('DIV.background').css('background-image', 'url(' + url + ')');;

        });
    });

(function ($) {
            $.rand = function (arg) {
                if ($.isArray(arg)) {
                    return arg[$.rand(arg.length)];
                } else if (typeof arg == "number") {
                    return Math.floor(Math.random() * arg);
                }
            };
        })(jQuery);

    </script>

最佳答案

我发现有时随机化的结果是视频而不是照片,因此请尝试以下代码仅对照片进行随机化:

$.rand = function(arg) {
    if ($.isArray(arg)) {
        var lRandValue = arg[$.rand(arg.length)];
        if (lRandValue.type !== "photo") return $.rand(arg);
        return lRandValue;
    } else if (typeof arg == "number") {
        return Math.floor(Math.random() * arg);
    }
};

关于Javascript - 滚动来自 tumblr 的随机图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32150466/

相关文章:

javascript - 从网络加载 js 文件还是自己提供服务?

javascript - 同步两个手持表的水平滚动

javascript - 解析javascript数组中的数字

javascript - Spring Boot 复选框阵列未按预期工作

javascript - 如何使用fabric js创建html表格结构?

javascript - 转换表单获取php中的方法url

javascript - React Native 中的 Promise

javascript - 即使边界明显与其他物体相交,Matter.Query.region 也不会返回任何碰撞

javascript - 作为 JS 方法执行数组字符串

javascript - 使用多行时 Json 解析问题