Сделал увеличение картинок по клику

InstantCMS 2.X

1
2
Следующая
Показаны 1-15 из 19

#1 9 августа 2017 в 04:19

День добрый!
Появилась необходимость внедрения функции увеличения изображений на сайте по клику по ним.
Оказывается, в файле jquery-modal.js из папки /templates/default/js есть такая функция.
Немного разобравшись, добился успеха.

Для того, чтобы сделать изображения увеличиваемыми, их нужно обернуть в ссылку с определенными атрибутами:

 
<a href="ссылка на изображение ( у меня был путь к фотографии пользователя: <?php echo html_avatar_image_src($profile['avatar'], 'normal'); ?> )" class="nyroModal ajax-modal">
здесь тег img ( в моем случае я применял надстройку к аватару пользователя: <?php echo html_avatar_image($profile['avatar'], 'small', $profile['nickname']); ?> )
</a>

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

Помог? Вместо "спасибо" - плюс в профиль.

#2 9 августа 2017 в 13:45

Добрый день! Очень полезная штука. Но подскажите, какой должен быть окончательный код и куда его нужно вставить, если шаблон default. Заранее спасибо!

#3 9 августа 2017 в 14:01

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

Помог? Вместо "спасибо" - плюс в профиль.

Сегодня в 14:02

#4 9 августа 2017 в 14:05

Уважаемый Developper! Мне как раз нужно, чтобы увеличивался аватар пользователя в профиле по клику, как это сделать?

#5 9 августа 2017 в 14:08

...P.S А также очень хотелось бы, чтобы увеличивалось фото по клику на стене пользователя в профиле и группе, которое он туда загружает!

#6 9 августа 2017 в 14:35

Уважаемый Developper! Мне как раз нужно, чтобы увеличивался аватар пользователя в профиле по клику, как это сделать?

@gari

Редактируем файл /templates/default/controllers/users/profile_view.tpl.php:
Код с 24 по 28 строки:

 
<?php if ($fields['avatar']['is_in_item']){ ?>
       <div id="avatar" class="block">
            <?php echo html_avatar_image($profile['avatar'], $fields['avatar']['options']['size_full'], $profile['nickname']); ?>
      </div>
<?php } ?>

Меняем на:

 
<?php if ($fields['avatar']['is_in_item']){ ?>
    <div id="avatar" class="block">
        <a href="<?php echo html_avatar_image_src($profile['avatar'], 'normal'); ?>" class="nyroModal ajax-modal">
            <?php echo html_avatar_image($profile['avatar'], $fields['avatar']['options']['size_full'], $profile['nickname']); ?>
        </a>
    </div>
<?php } ?>

Помог? Вместо "спасибо" - плюс в профиль.

#7 9 августа 2017 в 15:05

Уважаемый Developper! Огромное спасибо за помощь, все заработало!!! А как сделать, чтобы и увеличивалось фото при клике на стене пользователя, загружаемого им через редактор markitup?

#8 9 августа 2017 в 15:18

@gari, рад помочь) а по поводу стены… тут уже скорее придется править файлы редактора, может вечером попробую реализовать.

Помог? Вместо "спасибо" - плюс в профиль.

#9 9 августа 2017 в 17:06

А можно ли данным способом увеличивать картинки в комментариях?

#10 9 августа 2017 в 17:08

zed, вечером хочу заняться как раз комментариями и постами на стене юзера и групп. Так что ожидайте)

Помог? Вместо "спасибо" - плюс в профиль.

#11 10 августа 2017 в 11:40

zed, вечером хочу заняться как раз комментариями и постами на стене юзера и групп. Так что ожидайте)

Developper

Это отличное дело)) Надеюсь получится

#12 10 августа 2017 в 11:43

zed, есть небольшое замечание. Увеличиваться будут только те фотографии, которые будут выложены после изменений. То есть, предыдущие фото останутся не кликабельными… Для рабочего проекта это минус, а если только начинаете, то остальные комментарии можно вручную править.

Помог? Вместо "спасибо" - плюс в профиль.

#13 10 августа 2017 в 12:17

zed, есть небольшое замечание. Увеличиваться будут только те фотографии, которые будут выложены после изменений. То есть, предыдущие фото останутся не кликабельными… Для рабочего проекта это минус, а если только начинаете, то остальные комментарии можно вручную править.

Developper

А если в афише то как можно сделать?

#14 10 августа 2017 в 12:27

@Alexey80, афиша? scratch

Это из первой ветки?

Помог? Вместо "спасибо" - плюс в профиль.

#15 23 сентября 2018 в 20:43

~~Нет~~ есть более универсальное решение увеличивать картинки в аватарах, виджетах? Спасибо

Свободу Юрию Деточкину!

1
2
Следующая
Показаны 1-15 из 19

Заголовки контроллеров

Как добавить метатеги в head?

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Сделал увеличение картинок по клику

Похожие темы

Увеличения картинок в статье

[ЕСТЬ РЕШЕНИЕ] Вывод картинок при миграции с первой ветки

Блок поделиться от яндекса не раскрывается по клику

[ЕСТЬ РЕШЕНИЕ] Вывод второй цены в InstantShop с увеличенным значением на 10%

[ЕСТЬ РЕШЕНИЕ] Увеличение изображений в комментариях

Увеличение изображений перестало открываться в popup

InstantCMS Team

О проекте

Поддержка

Дополнения