Обновление jparallax со старой версии до версии 1.0 - PullRequest
Новая
       51

Обновление jparallax со старой версии до версии 1.0

3 голосов
/ 31 января 2012

У меня проблемы с обновлением jparallax с очень старой версии до версии 1.0. Я унаследовал полу-законченный сайт, используя плагин jparallax. Эффект параллакса был завершен - проблема в том, что это очень старая версия, использующая jQuery 1.2.6, которая вызывает проблемы с «colorbox», который используется для отображения изображений (например, лайтбокс) и ajax, который я использую для отображения событий.

Обновление до новейшего jquery исправляет мой ajax и colorbox, но нарушает параллакс. Кто-нибудь обновлял с более низкого jparallax до 1.0?

Я внес следующие изменения в журнал изменений автора jParallax github

  1. Пространство имен изменено с 'jParallax' на 'parallax'
  2. Опции 'xtravel' и 'ytravel' теперь передаются как 'xparallax' и 'Yparallax'
  3. Изменено с jQuery 1.2.6 на 1.7.1
  4. Заменен старый jParallax на версию 1.0

Дополнительные примечания, которые упрощают мою проблему:

  1. Порт мыши по умолчанию - это тело, и это то, что я хочу.
  2. Мне не нужны функции 'freeze / unfreeze' или 'linkResponse' для этого сайта

Кто-нибудь видит проблемы с тем, что я сделал, или есть предложения? Я был бы очень признателен за помощь, так как я не понимаю, в чем заключается моя ошибка, и быстро приближаюсь к моему сроку. Любое направление будет с благодарностью. Спасибо за любой вклад.

1 Ответ

1 голос
/ 09 октября 2012

Полагаю, вы также используете jparallax под drupal. У меня та же проблема, что и у вас.

triggerExposeEdges:true, кажется, не работает в новой версии, но нет упоминания об этом в журнале изменений автора.

Кроме того, я пытался у меня есть три разных div для эффекта параллакса. В более старой версии слои раньше перемещались отдельно, но теперь они сливаются вместе и обрезаются вправо. Не могу найти способ исправить это.

Edit: Я решил проблему, определив jparallux для трех слоев отдельно. И, конечно же, я использую последнюю версию jParallux с jQuery по умолчанию в Drupal. Единственное, что мне нужно было сделать, - это Javascript: 

jQuery(document).ready(function(){ 
  jQuery(".ceu").parallax({  // First layer div of cloud image
    xparallax: "30px",
    xorigin: 0.0,
    yparallax: false,
  });
jQuery(".runfundob").parallax({ // Second layer div of a Sunbeam
    xparallax: "40px",
    xorigin: 0.6,
    yparallax: false,
  }); 
jQuery(".bottom").parallax({ // Third layer div of a very wide hotel with a vintage car in front.
    xparallax: "20px",
    xorigin: 0.6,
    yparallax: false,
  }); 
});

И я думаю, что таким образом вы сможете решить и вашу проблему.

...