Уменьшаем изображение на форуме uCoz
 | |
Скрипт который будет актуален на сайте, это уменьшение изображение на форуме системе 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;, здесь меняем как вам нужно, так же в скрипте есть размеры и там поменять нужно. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 6 | |
|
| |
