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