Уменьшение/увеличение картинки в личных сообщениях 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 ] |
|
|