portfoliopost
FDteam-portf
freepost
По клику на картинку, она разворачивается до полного размера, повторный клик возвращает обратно к посту с ужатой картинкой
Условия использования:
Вы можете использовать все материалы, соблюдая условия использования бесплатного контента.Описание
Искала способ просмотра ужатых форумом картинок в полном размере без открывания их в новой вкладке. Не нашла ничего подходящего (что нашла - то не работает или работает не так, как мне хотелось бы), поэтому написала вот такой скрипт, которым с удовольствием делюсь с вами.- не требует изменений в коде страницы;
- автоматически обрабатывает изображения, "ужатые" стилем форума.HTML низ:
Скрипт работает не только на платформе майбб для картинок в постах, но и любых других площадках и html-страницах.
Достаточно добавить к картинке класс postimg:<img width="200px" src="http://gerda.moy.su/_bl/0/40006864.jpg" class="postimg">
Полноразмерная картинка закрывается по клику по любой части экранаСтавить ниже основного скрипта.
Крестик для закрытия полноразмерной картинкиРасположение крестика на экране настраивается в стилях:
<style>img.Close-lightbox{outline:red solid 1px;cursor:pointer;z-index:100;display:inline-block;margin: auto!important;position:absolute;left:0;right:0; top:0px;bottom:0;}</style>
Картинка крестика вот здесь:
var img = '<img class="Close-lightbox" src="https://forumstatic.ru/files/0012/d8/04/35572.png"
- Подпись автора
Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.