Миниатюры изображений как ссылки

64
6

im создавая интернет-магазин в Drupal, и мне было интересно, можете ли вы помочь мне со следующей проблемой:


У меня есть один большой кадр изображения (500x500) и 5 ​​маленьких миниатюр изображений (95x95) под большим.


Как я могу понять, что если посетитель нажимает на миниатюру, большой кадр изображения заполняется этим конкретным изображением?

спросил(а) 2021-01-19T15:45:24+03:00 6 месяцев, 1 неделя назад
1
Решение
64

jQuery - правильное направление, но сила Drupal основана на выполнении "пути drupal", что означает, я полагаю, в вашем случае использовать Views в качестве источника для эскизов, используя imagecache + lightbox и каким-то образом изменить основной "кадр",.


Я использовал jcarousel в некоторых случаях (для разных, но похожих целей), и он работает хорошо. Я думаю, можно обмануть его, чтобы сделать то, что вам нужно, или - лучше - найти существующий модуль, который сделает то, что вы хотите.

Я знаю, многие фразы Drupal и жесткую кривую для преодоления, но это правильное направление, если вы хотите основать свой сайт на Drupal.


Если вам не нужны все эти файлы и требуется статическая страница + jquery, Drupal может быть переполненным.

ответил(а) 2021-01-19T15:45:24+03:00 6 месяцев, 1 неделя назад
64

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

ответил(а) 2021-01-19T15:45:24+03:00 6 месяцев, 1 неделя назад
45

Drupal использует jQuery, чтобы вы могли написать простой jQuery script, чтобы справиться с этим (не уверен, что для этого уже есть плагин). Просто добавьте все теги img (убедитесь, что все из них, кроме первого, скрыты [display = none]). Затем, когда эскиз нажат/завис, сделайте $(big_img_holder).replace() тегом для изображения, которое будет показано. Скажите, хотите ли вы увидеть какой-то код, и я попробую показать вам.


Вы можете увидеть этот плагин как exapmle. Просто замените цифры справа на миниатюры, и вы готовы к работе; -)

ответил(а) 2021-01-19T15:45:24+03:00 6 месяцев, 1 неделя назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема