Скрипт который будет актуален на сайте, это уменьшение изображение на форуме системе uCoz. Так как если мы ставим картинку через ссылку, ширина остается прежней, а точнее если будет большая картинка, то на некоторых браузерах, она просто выйдет за рамки. Думаю вы такое встречали, и когда установим код и зададим ему размеры, то автоматически подключиться uLightbox, а значит вы по клику ее можете увеличить.
Здесь нет не каких рамок, все очень просто, заливаем в материал картинки и нам не нужно смотреть какой размер у нее, так как она отображаться будет по тому, который вы задали.
Установка:
Форум - Вид материала страницы - заменить $MЕSSAGE$ на:
Код
<div class="apomessage">$MESSAGE$</div>
Потом идем в общий вид страницы - и только после тега /head прописываем скрипт.
Код
<style type="text/css">.apomessage img {
max-width:600px;
max-height:200px;
}
</style>
<script>
$(document).ready(function() {
$('.apomessage img').mouseover(function() {
if(parseInt($(this).css('height')) == 200 || parseInt($(this).css('width')) == 600) {
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>
В начале кода будет max-width:600px; и max-height:200px;, здесь меняем как вам нужно, так же в скрипте есть размеры и там поменять нужно.
