Вход

Просмотр полной версии : instafeed.js + scrollForever не хочет крутиться каруселька

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

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

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

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

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

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

Как его поправить, чтобы закрутился? :)
рони
13.06.2017, 14:11
Ссылка на сайт
только для специалистов ... для тех кто не в танке ... как идёт запуск instafeed.js + scrollForever ? код
рони
13.06.2017, 14:16
Che,
без кода instafeed.js должен запустить scrollForever, после загрузки фотографий - пока нет фото == нет размера для scrollForever -- читайте Advanced Options в instafeed
Che
13.06.2017, 14:33
Есть инструкция after, позволяющая добавлять код, который необходимо выполнить после того как инстафид все построил...

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


<script type="text/javascript">
var feed = new Instafeed({
get:"user",
userId: 4293675895, // Instagram ID
accessToken:"4293675895.b1bd642.732a0de331e14ddaa255beb697e06b9 3", // 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>
рони
13.06.2017, 15:02
Che,
как -то так
var feed = new Instafeed({
get:"user",
userId: 4293675895, // Instagram ID
accessToken:"4293675895.b1bd642.732a0de331e14ddaa255beb697e06b9 3", // 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();
});
Che
13.06.2017, 15:10
Che,
как -то так


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