ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Уменьшить и увеличить изображение на сайте

Уменьшить и увеличить изображение на сайте

Уменьшить и увеличить изображение на сайте
Иногда мы замечаем, что когда пишем статью или просто файл закачиваем и с ним идет много картинок, то система выводит стандартный вид, который при клике увеличивается. Скрипт уменьшить и увеличить изображение даст вам больше поля для добавление материала. А точнее он работать будет в материалы и комментарий к нему на файлах. То есть, вы теперь сами можете выставить, чтоб картинка была по вашим размерам, и просто уже станет намного красивей и статья или описание будет нормально смотреться. Но это для тех. кто реально по 3 и больше заливает просмотров скринов.

Установка:

Находим $MЕSSAGE$ как уже было сказано в материале и комментариев к нему и заменяем его на этот код.

Код
<div class="rem31Ru">$MESSAGE$</div>


Не куда не уходим, а просто спускаемся в низ этой странице в самый почти подвал и там нам нужно найти /body и только перед ним поставить основной скрипт, где можно регулировать ширину и длину.

Код
<script type="text/javascript">$(document).ready(function(){function a(){$(".rem31Ru img").each(function(){if($(this).width()>150){$(this).width("150").wrap('<a href="'+$(this).attr("src")+'"target="_blank" title="Нажмите чтобы увеличить" </a>').css({padding:"3px"}).attr("align","left")}})}a()});</script>


Как видим, у нас в скрипте по умолчанию стоит в двух местах 150, вот это и отвечает, ставим свое, как вам нужно.
06 Апреля 2016 Просмотров: 1498 Комментариев: (11)

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

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

Оставь свой отзыв

Комментарии: 11
workman
workman 06 Апреля 2016 22:111
+2
Кто любит в ЛС кидаться друг с другом картинками то также может поставить и туда только обернуть уже
Код
<div class="rem31Ru">$BODY$</div>
Kosten
Kosten 06 Апреля 2016 22:192
0
Но это нормально, хоть не плакаты будут, что главное также увеличиваться, а вот только сам скрипт куда ставить.
workman
workman 07 Апреля 2016 10:0210
0
Так в шаблон личных сообщений и нужно ставить вниз. Я же вроде бы делал тебе так только другим немного скриптом
Angerfist
Angerfist 06 Апреля 2016 22:526
0
Заметил javascript ваш конёк, давным давно купил пару книг по js так и не осилил, где то пылятся) Насчёт скриптов, часто подкидываете интересные идеи, спасибо)
Kosten
Kosten 06 Апреля 2016 23:167
0
Angerfist, что то во платить оригинальное хотите?
workman
workman 07 Апреля 2016 09:559
0
Да если что обращайтесь... Подкинем все что угодно. Главное чтобы в системе данное работало
Сопрано
Сопрано 06 Апреля 2016 22:233
0
Так это скрипт такой много разовый, что можно много где применить, главное чтоб все было на одной странице.
Maryges
Maryges 06 Апреля 2016 22:384
0
Вот это удачно зашел, тест сделаю, посмотрим какие плюсы у этого скрипта, хотя все понятно и все на поверхности.
tsakonter
tsakonter 06 Апреля 2016 22:455
0
Вот в личном сообщение можно поставить, а то ссылки одни идут, а здесь также увеличение будет, как понимаю.
workman
workman 07 Апреля 2016 09:548
0
Да. Правильно понимаешь. Если в ЛС ставить картинку в переписке, то она будет уменьшена до указанных размеров в скрипте и при клике увеличится
csretven
csretven 08 Апреля 2016 17:0711
0
Тут просто нужно понять, что вся игра с изображением, будет в материале или статье, и это хорошо для какой то темы, где ты предоставляешь статью описание и с ней идет много картинок, и читать намного легче будет, просто не чего не будет отвлекать, и если нужно, вы можете увеличить, но так сам выставил, и мне очень понравилось сама идея такая.
avatar