It looks like the Instagram API does not support the new Instagram carousel feature. The images results only contain https://instagramstatic-a.akamaihd.net/null.jpg and not
As a workaround use the iframe embed code to show carousel image, thats what I did in picodash, you can click and slide all the images.
if(data[i].type == "video" && !data[i].videos){
html = "<iframe src='"+data[i].link+"embed' width='640' height='680' scrolling='no' frameBorder='0' style='margin-top:-40px'></iframe>";
}
(I'm pretty sure instagram knows about the issue and a real fix will be out)
UPDATE: Since last Monday (April 24) we are receiving posts of type "carousel" containing the property "carousel_media" with all the carousel images.
Response example: https://jsonformatter.org/89e2fd
We have the same problem from yesterday.
We have added a workaround to the code to avoid problems, we will discard this posts until Instagram fixes the problem. If the value of the property 'type' is 'video' we check that the property 'videos' exists, in PHP:
if ($item->type === 'video' && !isset($item->videos)) { your code }
I think that the only way to get the right content now (until the problem is solved) is to scrap the page (with curl, for example) and get the image from the html.