4

我正在制作一个 facebook 应用程序，它可以让你从 Instagram 中选择一张照片。我的问题是该应用程序在除 IE 之外的所有浏览器中都能正常运行，因为它正在加载不安全的内容（Instagram 图像）。有人知道解决这个问题的方法吗？我的目标是直接从 Instagram 返回 https 链接，以便跳过所有以后的 javascript 更改。

编辑：我想我可以在页面加载数据之前更改 json 对象本身。我该如何使用我目前拥有的东西？我错过了什么？

loadNextPage        : function(data, isInit)
{           
    if (isInit)
    {
        G.moveSelectedAhead();
    }

    // Grab the url for the next page of images
    var url = data.pagination.next_url; 

    // Create new div page
    var $div = $("<div>");
    $.each(data.data, function(key, value){     
        // Create the image element 
        var $img = $('<img>');
            $img.attr('src', value.images.thumbnail.url);
            $img.data('full', value.images.standard_resolution.url);
            $img.data('thumb', value.images.thumbnail.url);
            $("img").each( function() {
                var i = $(this).attr("src");
                var n = i.replace("http://", "https://");
                $(this).attr("src", function() {
                return n;
                });
            });

            // $img.data('full', value.images.standard_resolution.url).replace('http://', 'https://');
            // $img.data('thumb', value.images.thumbnail.url).replace('http://', 'https://');
        $div.append($img);
    });     
    $("img").each( function() {
        var i = $(this).attr("src");
        var n = i.replace("http://", "https://");
        $(this).attr("src", function() {
        return n;
        });
    });
    // Add new page to the slider
    $('.images').append($div);

    // Change the width of the images div since we are 
    // adding another page
    var width = $('.image-content .images').width();
    $('.image-content .images').width(width + G.slideWidth);

    // Check to see if we are on the last page
    if (typeof url === 'undefined')
    {
        $div.addClass('end');   
    }
    else
    {
        $('.next').data('nexturl', url);                    
    }
},
4

0 回答 0