|
Уменьшение/увеличение картинки в личных сообщениях Ucoz
|
|
| workman | Суббота, 26 Сентября 2015, 23:18 | Сообщение 1 |
| И так приступим к уроку установки.
Спросите - Зачем данное нужно? Ответ прост как 2+2=4, ну или кому как нравится. 
Бывает так, что Вы работаете с настройками сайта и пересылаете друг другу картинки с стрелками, ноликами и другими подсказками и естественно вставляете картинку с помощью , то данный скрипт попытается ее уменьшить до указаных размеров и при клике естественно ее увеличит до не узнаваемости.
Значит так.
Топаем в ПУ » Главная » Управление дизайном » Редактирование шаблонов » Личные сообщения(ЛС).
Находим вот такой код $BODY$ и заменяем его на такой
Код <div class="LS img">$BODY$</div>
Потом на этой же странице спускаемся вниз и перед /body ставим это
Код <style>.LS img {max-height:100px;max-width:200px;}</style> <script>$(document).ready(function(){$('.LS img').mouseover(function(){if(parseInt($(this).css('height'))==100||parseInt($(this).css('width'))==200){if($(this).parent('a').html()!=null ){$(this).after('<a href="'+$(this).parent('a').attr('href')+'" class="ulightbox"><img src="'+$(this).attr('src')+'" title="Нажмите для увеличения картинки" alt=""></a>');$(this).remove()}else{$(this).after('<a href="'+$(this).attr('src')+'" class="ulightbox"><img src="'+$(this).attr('src')+'" title="Нажмите для увеличения картинки" alt=""></a>');$(this).remove()}}})});</script>
Сохраняем страницу и радуемся тому что при размещении картинки,она автоматически уменьшится до указанных размеров а при клике по ней увеличится. Но это я уже повторяюсь.
Если желаете чтобы у вас работало данное везде, то скрипт пихаем в нижнюю часть сайта, а в материалах где находится $BODY$, $MESSAGE$, $CONTENT$, также окружаем данное дивами Код <div class="LS img">ваш код</div>
На этом все. Занавес. Урок окончен.
Сообщение отредактировал
workman - Суббота, 26 Сентября 2015, 23:19 | | Страна: (RU) |
| |
| Kosten | Суббота, 26 Сентября 2015, 23:41 | Сообщение 2 |
| Отлично, поставил на сайт.
| | Страна: (RU) |
| |
| Kosten | Воскресенье, 27 Сентября 2015, 00:00 | Сообщение 3 |
|
| К примеру вам отправляют картинку и она вам приходит в уменьшенном виде. При клике она увеличивается, как на сайте.
Вот пример ДО и пр НАЖАТИИ
 
Сообщение отредактировал
workman - Воскресенье, 27 Сентября 2015, 02:15 | | Страна: (RU) |
| |
| kos | Воскресенье, 27 Сентября 2015, 00:06 | Сообщение 4 |
| Первый раз вижу такое!))) Добавлено (27.09.2015, 00:06)
---------------------------------------------
workman, молодец 
| | Страна: (UA) |
| |
| workman | Воскресенье, 27 Сентября 2015, 00:59 | Сообщение 5 |
|
| Цитата din (  ) workman, молодец
| | Страна: (RU) |
| |
| kredit-oformi | Воскресенье, 27 Сентября 2015, 09:47 | Сообщение 6 |
| ну это действительно нужная штука,Спасибо workman,
| | Страна: (RU) |
| |
| workman | Воскресенье, 27 Сентября 2015, 10:21 | Сообщение 7 |
|
| kredit-oformi, Да не за что!!!
| | Страна: (RU) |
| |
| workman | Воскресенье, 27 Сентября 2015, 11:06 | Сообщение 8 |
|
| Цитата DALMATIN ( ) Как раз искал для одного дельца, теперь попробую доделать и покажу !
Только попробуй не показать 
| | Страна: (RU) |
| |
| Kosten | Воскресенье, 27 Сентября 2015, 21:12 | Сообщение 9 |
|
| Можно и в комментариях, что workman, сделал на этом сайте.
| | Страна: (RU) |
| |
| workman | Воскресенье, 27 Сентября 2015, 21:15 | Сообщение 10 |
|
| Цитата Kosten ( ) что workman, сделал на этом сайте. | | Страна: (RU) |
| |
| JoniDen | Понедельник, 28 Сентября 2015, 19:26 | Сообщение 11 |
| Спасибо)
| | Страна: (KZ) |
| |
| FeStemBer | Воскресенье, 04 Октября 2015, 04:00 | Сообщение 12 |
| Спасибо, хороший скрип, а то большую поставишь и разрывает дизайн.
| | Страна: (RU) |
| |
