И так приступим к уроку установки. Спросите - Зачем данное нужно? Ответ прост как 2+2=4, ну или кому как нравится. Бывает так, что Вы работаете с настройками сайта и пересылаете друг другу картинки с стрелками, ноликами и другими подсказками и естественно вставляете картинку с помощью
Код
[img]....[/img]
, то данный скрипт попытается ее уменьшить до указаных размеров и при клике естественно ее увеличит до не узнаваемости.
Значит так. Топаем в ПУ » Главная » Управление дизайном » Редактирование шаблонов » Личные сообщения(ЛС). Находим вот такой код $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