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

Question

Я строю интернет-магазин в Друпале, и мне интересно, не могли бы вы помочь мне решить следующую проблему:

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

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

Answer 1

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

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

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

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

Answer 2

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

Answer 3

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

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