Кнопка Сворачивания картинок в сообщении для более удобного
копирования и просмотра

По клику на иконку картинки в постах сворачиваются до миниатюр для более удобного копирования и просмотра текста топика.

http://sa.uploads.ru/bWoaZ.png http://s7.uploads.ru/UxG1l.png

Автор: Deff
Платформа: MyBB

В низ, HTML низ

<style id=Murmix>#pun-viewtopic .post-content img.LowHign{height:23px!important;border:red 2px dashed;}</style><script type="text/javascript">
var L00="Развернуть Изображения";
var L10='<img src="/i/images.png" title="'+L00+'"/>'
var L01="Свернуть Изображения";
var L11='<img src="http://savepic.su/533582.png" title="'+L01+'"/>'
var L='<div id=HidsIMG style="position:fixed;right:0;top:0;float:right;font-size:11px;">'+L11+'</span>';
var StPst0=$("#pun-viewtopic,.post-content img.postimg");$("#pun-viewtopic #post-form.formal h2").append(L);
$("#HidsIMG").click(function(){if($(this).find("img").attr("title")==L01){$(this).html(L10);StPst0.addClass("LowHign")}else{$(this).html(L11);StPst0.removeClass("LowHign")}});$("#pun-viewtopic.LowHign .post-content img").live("click", function(){$(this).toggleClass("LowHign");});
</script>

При клике на свёрнутую картинку в конкретном сообщении картинка вновь разворачивается и сворачивается при повторном клике.

Отредактировано Герда (07.03.2018 18:15:21)