Иногда заказчику, при создании сайта абсолютно не нужно открытие изображений сайта в красивых модальных окнах, с применением различных плагинов, как допустим Colorbox или Fancybox, его вполне устроит открытие картинки в новом окне браузера.
Как реализовать подобное приведено в дальнейшем примере
Результат работы
А теперь сам код
<img alt="" data-entity-type="" data-entity-uuid="" onclick="window.showModalDialog('/путь_до_вашей_картинки_которая_должна открываться_в_окне');" src="/путь_до_вашей_картинки" style="width:350px; cursor:pointer;" />
Думаю объяснять сам код смысла не имеет, вроде всё понятно. Всего лишь к вашему изображению добавляется небольшой скрипт. Преимущество от такого вывода картинки - очевидны, оно будет открыто всегда, до тех пор, пока пользователь сам его не закроет, не зависимо от его перемещению по сайту
Комментарии (4)
Спасибо, а как подобным способом открыть для просмотра профиль пользователя если разрешён его просмотр? и куда код добавлять? в CSS файл? Знаю что для вывода ссылки на профиль пользователя в виде его имени применяется запись !username
так, давайте по порядку. Откуда вы должны переходить на профиль пользователя? по клику по аватару? если да, то вам необходимо темизировать файл
где, в коде вывода аватара пользователя на саму картинку повесить вот этот код, который указан в статье, в качестве вывода ссылки используете
но есть есть ещё одно "но", после клика по ссылке у вас откроется вся страница полностью. Так что помучиться с темизацией вам всё таки придется. И кстати это javascript.
Нет не по аватару. Допустим пользователь имеет право размещать статьи на сайте, и в настройках указано показывать автора и дату публикации, и к статье прикрепляется: "Опубликовано: 21.11.2012 автор: Виталик". Слово Виталик кликабельно и кликая по нему попадаем в профиль автора. (или это и есть аватар?)
понял, но тем не менее решение прежнее, так же темизируете
где на вывод имя автора вешаете этот код. Вывод автора: