Advertisement
Grawl

Untitled

Nov 30th, 2011
549
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 1.76 KB | None | 0 0
  1. // Блок с фотками
  2. var fotorama = $('.fotorama');
  3. // Блоки с экстра-разметкой
  4. var html = $('.b-slide', '#html');
  5. // Массив для запоминания слайдов, в которые уже вставлен ХТМЛ
  6. var store = [];
  7. // Функция, проверяющая по индексу не был ли ранее вставлен тот или инок фрагмент ХТМЛ в Фотораму
  8. function isAppended(index) {
  9.     var is;
  10.     // Пробегаюсь по массиву с сохранёнными индексами
  11.     for (var i = 0; i < store.length; i++) {
  12.         // Если искомый индекс есть в массиве, возвращаю true
  13.         if (store[i] === index) is = true;
  14.     }
  15.     return is;
  16. }
  17. $('.fotorama').fotorama({  
  18.     width: 640,
  19.     height: 392,
  20.     thumbsPreview: false,
  21.     resize: true,
  22.     onShowImg: function(data) {
  23.         // Индекс активной фотки
  24.         var index = data.index;
  25.         // Активный блок (содержащий активную фотку — Кап. Oч.)
  26.         var activeFrame = data.img;
  27.         // Если блок не был вставлен ранее
  28.         if (!isAppended(index)) {
  29.             // Сохраняю индекс, чтобы не выполнять функцию дважды
  30.             store.push(index);
  31.             // Нахожу нужный блок по атрибуту 'data-place'
  32.             var block = html.filter(function() {
  33.                 return $(this).attr('data-place') == index;
  34.             }).hide();
  35.             // Собственно, вставляю его в Фотораму
  36.             block.appendTo(activeFrame).fadeIn('fast');
  37.         }
  38.     }
  39. });
  40.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement