Увеличение картинки в комментариев для uCoz
 | |
| Этот код вам позволит увеличить изображение в комментариев на сайте uCoz. Вы ставите ссылку на большой формат, скрипт автоматически делает его меньше, и только по клику он приобретает свою ширину. Плюс в нем, что можно в комментариях общение вести и заливать картинки, и они будут отлично подходит под описание, а не ставить по своим размерам. Вот к примеру так будет, просто вы сможете сами выставить как длину так ширину, как будет до увеличение. Рассмотрим работу скрипта, вот так по умолчанию, если в комментариях поставить изображение через ссылку. Где после загрузки нужно обновить страницу, что только после этого станет корректно выводить под оригинальный размер.  Увеличение картинки при нажатии, точнее после как сделали по снимку клик и она увеличилась в свой размер.  Так теперь вы сделаете аккуратный и стильный вывод. Установка: Страница материала и комментариев к нему: Устанавливаем скрипт перед /body который в самом низу находиться. Код <style>.comment img {max-height:270px;max-width:380px;}</style> <script>$(document).ready(function(){$('.comment img').mouseover(function(){if(parseInt($(this).css('height'))==270||parseInt($(this).css('width'))==380){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> Здесь мы видим что в стилях выставлено height:270px;max-width:380px; это как будет до нажатие, но и в коде также такие размеры выставляем. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 10 | |
|
| |
