Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.06.2017, 08:30
Che Che вне форума
Интересующийся
Отправить личное сообщение для Che Посмотреть профиль Найти все сообщения от Che
 
Регистрация: 28.08.2012
Сообщений: 23

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, 13.06.2017 в 08:50.
Ответить с цитированием
  #2 (permalink)  
Старый 13.06.2017, 14:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Сообщение от Che
Ссылка на сайт
только для специалистов ... для тех кто не в танке ... как идёт запуск
Сообщение от Che
instafeed.js + scrollForever
? код
Ответить с цитированием
  #3 (permalink)  
Старый 13.06.2017, 14:16
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Che,
без кода instafeed.js должен запустить scrollForever, после загрузки фотографий - пока нет фото == нет размера для scrollForever -- читайте Advanced Options в instafeed
Ответить с цитированием
  #4 (permalink)  
Старый 13.06.2017, 14:33
Che Che вне форума
Интересующийся
Отправить личное сообщение для Che Посмотреть профиль Найти все сообщения от Che
 
Регистрация: 28.08.2012
Сообщений: 23

Есть инструкция 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>
Ответить с цитированием
  #5 (permalink)  
Старый 13.06.2017, 15:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

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();
});
Ответить с цитированием
  #6 (permalink)  
Старый 13.06.2017, 15:10
Che Che вне форума
Интересующийся
Отправить личное сообщение для Che Посмотреть профиль Найти все сообщения от Che
 
Регистрация: 28.08.2012
Сообщений: 23

Сообщение от рони Посмотреть сообщение
Che,
как -то так
Снимаю шляпу! Закрутилась! :-)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск