Ingernirated, создаёте img с нужным src, по загрузке проверяете правильно ли она загрузилась (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0, если правильно то кладёте куда надо.
dzenn: это - не поможет, потому что 1) .kitchen это не общий класс. Ну тут суть не в общем классе, а в том что можно таргетить сразу все элементы нужные, и kitchen, и gost, 2) ваш код и показывает и прячет элемент сразу, нужно что-то одно же.
По поводу нового события для каждого итема - пишите одно событие для всех элементов с общим классом.
По поводу этих же событий - вы в метод click передаёте две функции. Зачем? Может оно и работает как надо, но даже в мануале такого нет) Сделайте одну функцию, мне кажется тогда сразу будет понятно в чем ошибка.
astmaks: работает только первый слайдер, остальные как-то неявно опираются на текущее в первом значение. Простите, я код тщательно не инспектировал, но очевидно у вас либо переменная вылетела из своей области, либо вы сами по ошибке используете не те переменные. Обособьте скрипт слайдера в отдельную функцию, например. Я уверен, этого будет достаточно для того чтобы все слайдеры работали независимо.
Максим: ну значит вы чего-то недоговариваете, т.к. я перед тем как писать все проверил, методы width и height правильно считают ширину и высоту элемента, повернутого с помощью transform: rotate()
Скажите, какая у вас цель. А то вариантов много - можно ловить клик по средней кнопке, можно использовать обычные мышковые ивенты и проверять горизонтальный ли скролл
ASiD, это как раз то, о чем говорили парни ниже: мы не можем предотвратить прокрутку; картинку трясёт потому что сначала происходит скролл, потом уже проверка и откат скролла.
Поэтому мой набросок не более чем набросок. На деле же я бы попытался каким-нибудь образом скрыть от пользователя блок, который реально скроллится, и эмулировал бы скролл. В реализации этого варианта, думаю, всплывет немало нюансов, зато в итоге вы сможете контролировать вообще все и не встретите никаких неожиданностей.
Будете заниматься реализацией - похвастайтесь результатом здесь, если не сложно.
Подавляющее большинство дизайнеров/верстальщиков считают, что джастифай не нужен при работе с текстом, зато может быть полезен для того, чтобы располагать по всей ширине inline и inline-block элементы.