Сделать инстаграм html feed статичным (Instafeed + Gridrotator)

Question

Сделать инстаграм html feed статичным (Instafeed + Gridrotator)

0

//** INSTA FEED **/// 

<script type="text/javascript">
        var userFeed = new Instafeed({
            get: 'user',
            userId: ******,
            limit: 28,
            accessToken: '***************',
               template: '<li><a href="{{link}}"><img src="{{image}}" /></a></li>'

        });

        userFeed.run();
</script>

//*** GRIDROTATOR ***//
     <section class="grid">
    <div id="ri-grid" class="ri-grid ri-grid-size-1 ri-shadow">
            <img src="<?php echo get_template_directory_uri(); ?>/images/loadinggrid.gif" class="ri-loading-image">
                    <ul id="instafeed">
                          <HTML IMAGES HERE>
                    </ul>
                </div>
     </section>

        <script type="text/javascript"> 
            $(function() {
        $( '#ri-grid' ).gridrotator( {
                    w320 : {
                        rows : 3,
                        columns : 4
                    },
                    w240 : {
                        rows : 3,
                        columns : 3
                    },
                    nochange : [0,1,2,3],
                    preventClick : false
                } );

            });

        </script>

Я хотел бы объединить INSTAFEED.JS + GRIDROTATOR.JS Оба работающие instafeed могут тянуть изображения, сетчатый ротатор может перемешать изображения, но только тогда, когда я вставляю в него STATIC html. Есть ли способ сделать данные, вытащенные instafeed из instagram статическим html. Например, когда вы эхом отправляете сообщения на php?

Jayson 27 апр. 2014, в 10:28

Источник

Теги:

javascript

jquery

api

instagram

1 ответ

Ещё вопросы

James Velasco · Accepted Answer · 2014-07-25T22-51-00.000Z

<script type="text/javascript">
        var userFeed = new Instafeed({
            get: 'user',
            userId: ******,
            limit: 28,
            accessToken: '***************',
            template: '<li><a href="{{link}}"><img src="{{image}}" /></a></li>',
            after: function() {
                  $( '#ri-grid' ).gridrotator( {
                    w320 : {
                        rows : 3,
                        columns : 4
                    },
                    w240 : {
                        rows : 3,
                        columns : 3
                    },
                    nochange : [0,1,2,3],
                    preventClick : false
                } );
            }
        });

        userFeed.run();
</script>

Используйте функцию обратного вызова after, затем загрузите функцию gridrotator оттуда.