JSON feed breaks when importing any custom.js files

I am using the instagram API to have a live feed on my website which can be viewed here. The Dirty Cookie .

<script>

    $(function() {
        $.ajax({
            type: "GET",
            dataType: "jsonp",
            cache: false,
            url: "https://api.instagram.com/v1/users/<?=$user_id?>/media/recent/?access_token=13137.f59def8.1a759775695548999504c219ce7b2ecf",
            success: function(data) {
                for (var i = 0; i < <?=$num_to_display?>; i++) {
            $(".instagram").append("<div class='instagram-placeholder'><a target='_blank' href='" + data.data[i].link +"'><img class='instagram-image' src='" + data.data[i].images.low_resolution.url +"' /></a></div>");   
                }     

            }
        });
    });

    </script>

      

This works great ... until I add

<script type="text/javascript">

            jQuery(function($){

                $.supersized({
                    slides  :   [ {image : 'slides\background1.jpg', title : ''} ]
                });
            });

</script>

      

My question is why in the world would it add js to split the JSON feed? Firebug shows that it doesn't even try to GET images from the instagram schema API. While experimenting, I found that installing just about any other JavaScript on the site will break this JSON feed. Any suggestions?

+3


source to share


1 answer


try using the full url in the image slides\background1.jpg

:?



+1


source







All Articles