» »

Увеличение картинки в комментариев для uCoz

Увеличение картинки в комментариев для 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; это как будет до нажатие, но и в коде также такие размеры выставляем.
2016-04-03 Просмотров: 957 Комментарий: (10)

Поделиться в социальных сетях

Материал разместил

Комментарий: 10
Kosten
Kosten 2016-04-03 00:551
0
Также вы сможете сделать для модуля форум, на его идет отдельный скрипт, который по установке немного по другому.
workman
workman 2016-04-03 06:432
0
Интересненький скриптик. Давно такой искал, а тут бац и выложили на раздачу. )))
Kosten
Kosten 2016-04-03 11:113
0
Но, брат извини, но не одним же пользоваться, думаю нужно делиться, смотришь, кто с тобой поделиться.
workman
workman 2016-04-03 16:084
0
Так это конечно хорошо когда делишься с людьми. Только я видел что сделан он немного короче, так как даже длина автора самого скрипта достала )))
Kosten
Kosten 2016-04-03 16:275
0
Брат, понимаю твое непонимание, но просто поделился, но если есть хороший скрипт, не вижу не чего плохого, повторюсь, чтоб поделиться, так как он реально нужный.

По поводу авторства.

Не знаю как тебя представить, или по логину или по нику, также мне нужен источник, здесь тоже не в курсе какой сайт прописать, так как у тебя 2, ты напиши мне, все как нужно сделать, и все появиться в материале.

Да, осознаю косяк. что не спросил тебя.
workman
workman 2016-04-03 17:066
0
Да нет.Я вообще не претендую к авторству или ссылки на источник ставить. Я к слезливым и сопливым не отношусь... )))
Scheme
Scheme 2016-04-03 17:397
0
workman, а вот вы зря так, если вы создали, должны указывать источник, здесь сопли не причем. А если кто то рипнул или переделал и требует, вот здесь соплей хватает.
workman
workman 2016-04-04 07:338
0
Ну что тебе даст источник то? Если только от того чтобы повысить ссылочную массу? Так бывает многие закрывают источник от ботов ПС.
Если бы я за все время как стал писать например скрипты и др. бился бы за-то чтобы требовать источник, авторство и т.д., то я бы был наверное самым великим человеком )) Если писать внутри скрипта то некоторые умники просто могут по ссылочной массе отхватить бан ПС за угрозу вируса.
workman
workman 2016-04-04 07:349
0
Я тебе даже передать не могу сколько человек рипали мои скрипты и кечевались в их типа авторстве ))
Kosten
Kosten 2016-04-04 14:2310
0
Но в интернете его не видел, по скрипту искал и не нашел, только для форума.
avatar