Блог

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

вот макет страницы:

http://www.jonathantopf.com/imijstudio/

В качестве доказательства концепции у меня есть маленький красный квадратик в галерее выше, который я хотел бы использовать для запуска события при его появлении на экране. Есть идеи?

Я попробовал использовать waypoints, но не смог понять, как настроить его на прослушивание событий горизонтальной прокрутки. Как вы могли бы заметить, я очень новичок в jquery, поэтому любая помощь приветствуется,

Вот что я пробовал до сих пор:

 $(document).ready(function() {

$("#blob").waypoint(function() {
    alert('waypoint reached.');
});


});
  

и вот ошибка:

 Uncaught TypeError: Object function ( selector, context ) {
    // The jQuery object is actually just the init constructor 'enhanced'
    return new jQuery.fn.init( selector, context );
} has no method 'isWindow'
  

ОБНОВЛЕНИЕ: обновлено до последней версии jquery, которая, казалось, исправила ошибку consloe. Теперь это работает, но только когда квадрат входит в рамку вертикально, я не могу найти, как установить ориентацию на горизонтальную.

Спасибо

джон

Эй, вам просто нужно использовать $ (window).scroll и значение из scrollleft я провел для вас простой тест здесь:

http://jsfiddle.net/vJUXy/

дайте мне знать, если я неправильно понял? Алекс

Обновите свой jQuery. isWindow было добавлено в 1.4.3 (http://api.jquery.com/jQuery .IsWindow/) и вы используете 1.4.2.