Show only the newest instagram picture with instafeed

Question

Show only the newest instagram picture with instafeed

630 Views Asked by AudioBubble At 19 April 2025 at 00:45

So I need to show only one Instagram picture, which is the newest picture from the Instagram account. This HTML code shows all the pictures the account has.

<!DOCTYPE html>
<html>
<head>
    <title>Instagram</title>
    <style type="text/css">
        a img{ 
            width: 25%;
        }
    </style>
</head>
<body>
    <h1 style="text-align: center"></h1>
        <div id="instafeed-container"></div>



    <script src="https://cdn.jsdelivr.net/gh/stevenschobert/[email protected]/src/instafeed.min.js"></script>
    <script type="text/javascript">
    var userFeed = new Instafeed({
        
        get: 'user',
        target: "instafeed-container",
        resolution: 'low_resolution',
        accessToken: 'YOURACCESSTOKEN'
    });
    userFeed.run();
    </script>
</body>
</html>

So how do I filter the pictures and only show the newest picture? I tried to use "limit: '1", but it doesn't show anything at all.

Original Q&A

There are 2 best solutions below

Muhammad Hamd On 29 May 2023 at 11:52

You only need the following styling

  ```  <!DOCTYPE html>
<html>
<head>
    <title>Instagram</title>
    <style type="text/css">
        #instafeed-container a{
        display:none}
    #instafeed-container a:nth-child(1){
    display:block}
        a img{ 
            width: 25%;
        }
    </style>
</head>
<body>
    <h1 style="text-align: center"></h1>
        <div id="instafeed-container"></div>



    <script src="https://cdn.jsdelivr.net/gh/stevenschobert/[email protected]/src/instafeed.min.js"></script>
    <script type="text/javascript">
    var userFeed = new Instafeed({
        
        get: 'user',
        target: "instafeed-container",
        resolution: 'low_resolution',
        accessToken: 'YOURACCESSTOKEN'
    });
    userFeed.run();
    </script>
</body>
</html>```

**Zeeshan Ahmed** · Accepted Answer

Zeeshan Ahmed On 04 October 2020 at 09:26 BEST ANSWER

You can limit the number of records, as per the documentation e.g,

limit : 1

in Instafeed Object.

see here in the documentation

Show only the newest instagram picture with instafeed

There are 2 best solutions below

Related Questions in HTML

Related Questions in INSTAFEEDJS

Trending Questions

Popular # Hahtags

Popular Questions