Показать сообщение отдельно
  #1 (permalink)  
Старый 27.09.2017, 16:58
Новичок на форуме
Отправить личное сообщение для wintersoft Посмотреть профиль Найти все сообщения от wintersoft
 
Регистрация: 27.09.2017
Сообщений: 7

JS-JQuery Порядок обработки события
Добрый день! Прошу помочь, есть сайт со скриптом, позволяющим постепенно «загружать» фотографии путем нажатия клавиши «Больше фото». Есть такой код (ниже)
Проблема в том, что загружаются сразу все фото, перечисленные в items. А нужно, чтобы загружались. например, сначала 3 фото-потом нажать кнопку- загружаются следующие фото и т.д.
Здесь же- только первые 4 и т.д., а если в items их больше заданного кол-ва в load, то скрипт зацикливается и при каждом нажатии «больше фото» выдает первые 4, потом снова первые 4 и т.д.

Прошу, пожалуйста, помогите, посоветуйте, что сделать или как указать, чтобы фото грузились поочередно партиями, например, по 4.

Код

<script type="text/javascript">
jQuery(window).load(function(){
items_set = [

{category : 'bar', lika_count : '77', view_count : '234', src : 'foto/bar/bar52.jpg', title : 'Foil Mini Badges', content : '' },

{category : 'bar', lika_count : '45', view_count : '100', src : 'foto/bar/bar53.jpg', title : 'Darko – Business Card Mock Up', content : '' },
{category : 'bar', lika_count : '77', view_count : '234', src : 'foto/bar/bar54.jpg', title : 'Foil Mini Badges', content : '' },

{category : 'bar', lika_count : '45', view_count : '100', src : 'foto/bar/bar55.jpg', title : 'Darko – Business Card Mock Up', content : '' },
{category : 'bar', lika_count : '77', view_count : '234', src : 'foto/bar/bar70.jpg', title : 'Foil Mini Badges', content : '' },

{category : 'bar', lika_count : '45', view_count : '100', src : 'foto/bar/bar80.jpg', title : 'Darko – Business Card Mock Up', content : '' },

{category : 'bar', lika_count : '22', view_count : '140', src : 'foto/bar/bar90.jpg', title : 'Woody Poster Text Effect', content : '' }


];

jQuery('.portfolio_block').portfolio_addon({
type : 1, // 2-4 columns simple portfolio
load_count : 4,

items : items_set
});
$('#container').isotope({
animationOptions: {
duration: 900,
queue: false
}
});
});
</script>
Ответить с цитированием