JQuery Image Swap - для галереи

Question

У меня здесь немного странно, но я в основном пытаюсь добавить функцию обмена изображениями в Galleriffic. Я адаптировал галерею изображений jquery Galleriffic в соответствии с потребностями клиента, и все идет хорошо, кроме той функции, которую мне нужно добавить.

http://www.susanyounganimation.com/test/drawings/carnival.html

Под большим изображением слева находится текст "негатив / позитив". Клиент хочет, чтобы у пользователя была возможность видеть отрицательную, т.е. перевернутую версию изображения, когда кто-то нажимает на "негатив", а затем изображение, чтобы вернуться к оригиналу, когда он нажимает "положительный". У меня есть каждое изображение в галерее как отрицательная версия (точно такие же размеры и т. Д.), Поэтому мне нужно просто заменить текущее изображение другим, когда кто-то нажимает на отрицательный или положительный текст внизу.

Надеюсь, что все это имеет смысл. Может кто-нибудь помочь мне с каким-нибудь сценарием, который позволит это? Любые комментарии приветствуются, так как я в своем уме и заканчиваю этим!

Всего наилучшего

S

Answer 1

Я не эксперт в этой галерее, но вот как бы я решил эту проблему. Я бы создавал негативные изображения и сохранял их в той же папке, что и основные изображения, с добавлением в конец файла негатива, например:

Картина-001.jpg

Картина-001-neg.jpg

Затем добавьте обработчик события щелчка для отрицательной и положительной ссылки, который заменит текущее большое изображение src тем же изображением с добавлением "neg-".

$("img#ID_OF_MAIN_IMAGE").src($(this).attr('src').replace('.jpg','-neg.jpg'));

И восстановить это:

$("img#ID_OF_MAIN_IMAGE").src($(this).attr('src').replace('-neg.jpg','.jpg'));

Вам нужен только один экземпляр положительной / отрицательной ссылки, а не один для каждой фотографии.

Дайте мне знать, если это не ясно