Вебдизайн и Техническая поддержка
Skype: disbb.ru
Контакты: обратная связь
Часы работы:
Пн-Пт 10:00-18:00
* по московскому времени


Кнопка сворачивания картинок в сообщении (Deff)


Скриншот

  • Добавляет кнопку, уменьшающую изображения в постах по клику, для удобного просмотра и копирования текста.
  • Автор: Deff
  • Платформа: MyBB
  • Категория: Сообщения (посты) на форуме
  • Оценка: 5.0/1
  • 11.08.2015, 12:08

Скриншот Скриншот

Цитата
Во-первых, скопировать что-либо из постов очень трудно, потому что в тех, где есть изображение, все "прыгает". Я занимаюсь рекламой, копировать шаблон - это целая наука.
То же самое происходит, когда я пытаюсь оценить пост. Все дергается, прыгает.

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


см. Cкриншот №1 - до
см. Cкриншот №2 - после

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

В низ, 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>
Теги: mybb, Deff, Сообщения (посты) на форуме, скрипт

Просмотров: 642, Загрузок: 0, Оценка: 5.0 (1)
Страницы:
Имя *:
Email *:
Код *:
Сайт создан в системе uCoz