Увеличивающиеся по клику картинки

Главные вкладки

Аватар пользователя Leslie Leslie 10 января 2013 в 23:53

Доброго времени суток, коллеги.

Суть проблемы:
На сайт требуются картинки, увеличивающиеся по клику в дополнительном окошке. Без всяких наворотов, максимально простое решение. Чтобы просто применялось к каждой вставляемой картинке - задаешь размер миниатюрки, кликаешь на нее и она увеличивается так, чтобы уместиться в экран либо до максимального размера исходной картинки.

Установил Image, IMCE, TinyMCE, картинки добавляются в статьи быстро и просто. А увеличиваться не желают ни в какую.

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

В настройках указываю - "применять ко всем изображениям class="highslide", 0 эмоций. Может необходима какая-то дополнительная библиотека явы? На своем первенце я что только не пытался установить для своих целей, и Colorbox, и JqZoom, и Magic Thumb.. Заработал в итоге именно хайслайд.

Подскажите, где копать. Может есть уже какой-то простой, но, как обычно, неизвестный модуль, который позволяет организовать увеличение изображений по клику также просто и удобно, как HighSlide? Ни PHP, ни яву не знаю, так что кодировать не предлагайте.

Комментарии

Аватар пользователя Leslie Leslie 13 января 2013 в 14:44

Колобокс, колобокс, я тебя съем.. Не то это. Все работает, да, но не так, как нужно. Создаешь новое поле, загружаешь туда изображение, все увеличивается, галереи создаются. Но изображения/галереи идут под собственно статьей. В то время как увеличивающиеся картинки нужны собственно в тексте, как на том же Fallen Earth. Там я просто вставляю куда угодно изображение через IMCE, записываю страничку - и все, даже никакой класс вручную не выставляю, все на автомате само цепляется. Картинка при клике увеличивается. Через колобокса картинки, вставленные в текст не желают увеличиваться.

Брать же и к каждой картинке врукопашную лепить
[a class="colorbox init-colorbox-processed cboxElement" href="http: //ыыы/IMGP0357.JPG"]
[img width="300" height="225" title="" alt="" src="http ://ыыы/IMGP0357.JPG" typeof="foaf:Image"]

как-то совершенно некузяво, это ж все-таки визуальный редактор.

Блин, вот память дырявая, ведь сделал один раз как-то..

Аватар пользователя Jean-Claude Jean-Claude 13 января 2013 в 14:57

вот лошок, добавляешь к ссылке на картинку просто class "colorbox"

а init-colorbox-processed cboxElement и прочую ересь это уже добавляет сам jquery

colorbox дерьмецо, ставь lightbox2, хотя мне больше всего нравится thicbox d6, затем фансибокс, но там помню немножко танцы с бубнами были. У ксандрекса на блоге фансибокс http://xandeadx.ru/blog/drupal/142

Comparison of Lightbox-type modules

Аватар пользователя Leslie Leslie 15 января 2013 в 0:28

Сам ты три дня не умывался, мой Триган твоего Вам-не-дама застрелит, т.к. отказался от мыслей о пацифизме % )

Добавлял и класс колобокса, и по всякому. То, что он - дермецо, согласен. Работать работает, но не так, как надо. Про фансибокса почитал, в принципе, те же яйца, что и в Хайслайде, вид сбоку. Только Хайслайд симпатичнее смотрится. Ога, влюбился, и не хочу никаких лайтбоксов и иже с ними.

В общем, последними неестественными телодвижениями подключил модуль Image-Resize, удобнейшая штука, автоматом привешивающая любой класс имейджам, в моем случае class = "highslide". Теперь проблема в другом - то ли jquery у меня старый (или наоборот слишком новый), то ли гранаты не той системы. В общем все отлично до момента, когда надо изображение собственно увеличить. Идет вечная загрузка. Где здесь могут быть грабли?

Аватар пользователя Leslie Leslie 15 января 2013 в 0:51

Руки откуда надо, от пяток. Как в друпале вообще может быть не подключен jquery, он же памятник встроенный?

"text/javascript" src="http:/ /drupal/misc/jquery.js?v=1.4.4">
"text/javascript" src="http:/ /drupal/misc/jquery.once.js?v=1.2">
"text/javascript" src="http:/ /drupal/misc/drupal.js?mgmtpe">
"text/javascript" src="http:/ /drupal/misc/ui/jquery.ui.core.min.js?v=1.8.7">
"text/javascript" src="http:/ /drupal/modules/highslide2/highslide/highslide-full.js?v=4.1.12">
"text/javascript" src="http:/ /drupal/modules/highslide2/highslide2.param.js?v=4.1.12">
"text/javascript" src="http:/ /drupal/modules/highslide2/lang/highslide2.lang.ru.js?v=4.1.12">

Это, кнечно все для меня мартышкина грамота, но что-то заднее подсказывает, что жкаери тут есть. А вот с версиями - хз.

Аватар пользователя Leslie Leslie 15 января 2013 в 13:54

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

Аватар пользователя Jean-Claude Jean-Claude 15 января 2013 в 15:18

ну так давай ссылку на свой парашный сайт, на котором якобы не пашет эта фича, посмотрим.

нафиг ты на нем разные версии жкуэри включал? на друпале нет разных версий, по тефолту как петрушка в огороде 1,2,6, и апдейт как помидоры на заборе - 1,3,2. Но жкаери апдейт необязательно врублять.

Аватар пользователя Leslie Leslie 17 января 2013 в 11:38

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

Аватар пользователя Leslie Leslie 22 января 2013 в 15:35

Решение. Мало ли какому такому же новичку, как я, пригодится.

Забыл добавить, что проблема с Highslide2 решилась крайне просто. Просто модуль установился по умолчанию не в /sites/all/modules, а в /modules к основным модулям друпала. Перенес куда надо - вуаля, все отлично работает, вот они, красиво увеличивающиеся картинки.

Да, добавлять class = "highslide" самостоятельно он почему-то не захотел, но здесь я уже не стал вникать в тонкости и просто поставил модуль Image Resize Filter. При настройке отмечаешь галочкой If resized, add a link to the original image.Optionally, give it the class - и все просто супер.