Javascript-форум - instafeed.js + scrollForever не хочет крутиться каруселька

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - instafeed.js + scrollForever не хочет крутиться каруселька (https://javascript.ru/forum/jquery/69299-instafeed-js-scrollforever-ne-khochet-krutitsya-karuselka.html)

instafeed.js + scrollForever не хочет крутиться каруселька

Скрипты instafeed.js + scrollForever подключаются в хедере сайта.

Ссылка на сайт https://codeshare.io/aJpjwq

Формирую блок изображений из инстаграмма с помощью скрипта instafeed.js. (В коде страницы указывается div с id и все "внутренности" формируются скриптом).

Перед закрытием <body> добавлен код работы скроллера scrollForever.

В итоге должно быть что-то такое (1-й скроллер) http://www.jqueryscript.net/demo/jQu...scrollForever/

Сравнил с примером, у меня для блока контейнера скрипт выставляет style="width: 0px;"...

Как его поправить, чтобы закрутился? :)

Цитата:

Сообщение от Che

Ссылка на сайт

только для специалистов ... для тех кто не в танке ... как идёт запуск

Цитата:

Сообщение от Che

instafeed.js + scrollForever

? код

Che,
без кода instafeed.js должен запустить scrollForever, после загрузки фотографий - пока нет фото == нет размера для scrollForever -- читайте Advanced Options в instafeed

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

Добавил, но все равно не помогло. Каруселька так и не закрутилась...
По-моему, я напортачил в плане обрамления кода, чтобы не было ошибок jquery...мож по этому и не крутиться...

<script type="text/javascript">
var feed = new Instafeed({
get:"user",
userId: 4293675895, // Instagram ID
accessToken:"4293675895.b1bd642.732a0de331e14ddaa255beb697e06b93", // Instagram AT
limit: 30,
resolution:"standard_resolution",
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="instainfo"><div class="instadiv"><span class="instaspan">FOLLOW ME ON <i class="fa fa-instagram"></i></span></div></div></a></li>',
after:(function($) {
 $(function() {
		// var time1 = new Date;
		$("#instagram-area").scrollForever();		
	});
})(jQuery)
});
feed.run();

</script>
    <div id="instagram-area" class="a">
		<!-- Instafeed  -->
	    <ul id="instafeed"></ul>
		<!-- End Instafeed  -->
	</div>

Che,
как -то так

var feed = new Instafeed({
get:"user",
userId: 4293675895, // Instagram ID
accessToken:"4293675895.b1bd642.732a0de331e14ddaa255beb697e06b93", // Instagram AT
limit: 30,
resolution:"standard_resolution",
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="instainfo"><div class="instadiv"><span class="instaspan">FOLLOW ME ON <i class="fa fa-instagram"></i></span></div></div></a></li>',
after: function() {
   jQuery("#instagram-area").scrollForever();
}
});
jQuery(function() {
  feed.run();
});

Цитата:

Сообщение от рони (Сообщение 455343)

Che,
как -то так

Снимаю шляпу! Закрутилась! :-)