Автоматическое уменьшение картинок в любом разделе сайта, где существует тег - $MESSAGE$
Данный скрипт будет просто незаменим для большинства администраторов сайтов, так как он превратит все изображения, которые превышают по высоте 200px и ширине 400pxв миниатюры, при клике по которым пользователи смогут увидеть в лайтбокс окне от uCoz их полноразмерные оригиналы
Установка:
Форум — Вид материалов — Замените $MESSAGE$ на:
Код
<div class="apomessage">$MESSAGE$</div>
В нижнюю часть CSS файла ставите это:
Код
.apomessage img {
max-width:400px; max-height:200px;
-moz-border-radius: 6px; /* закругление для старых Mozilla Firefox */
-webkit-border-radius: 6px; /* закругл. для старых Chrome и Safari */
-khtml-border-radius:6px; /* закругл. для браузера Konquerer системы Linux */
border-radius: 6px; /* закругление углов для всех, кто понимает */
}
Если Вы решили поменять размеры на свои, то также не забывайте поменять их в скрипте, иначе работать не будет.
Далее:
Форум — Общий вид страниц форума — перед < /body> вставляйте:
Код
<script>$(document).ready(function(){$('.apomessage img').mouseover(function(){if(parseInt($(this).css('height'))==200||parseInt($(this).css('width'))==400){if($(this).parent('a').html()!=null ){$(this).after('<a href="'+$(this).parent('a').attr('href')+'" class="ulightbox"><img src="'+$(this).attr('src')+'"></a>');$(this).remove()}else{$(this).after('<a href="'+$(this).attr('src')+'" class="ulightbox"><img src="'+$(this).attr('src')+'"></a>');$(this).remove()}}})});</script>
Самое что прикольное в работе данного скрипта, так это то что он уменьшает и увеличивает картинки,которые прописывались даже с помощью ВВ кодов в виде: img.../img
