• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Скрипт уменьшения / увеличения картинки
Скрипт уменьшения / увеличения картинки
workman
Среда, 06 Апреля 2016 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Как видим на изображение, ниже в углу, стандартные иконки, и теперь картинки, которые уменьшены, что позволяет больше места для них, а увеличение будет стандартным. Просто иногда хочешь сделать меньше, но не как это не создать, и только скрипт этот может, вывести те координаторы ширины и высоты, что сами укажите.



Например ставим для каталога файлов.
Идем в ПУ » Главная » Управление дизайном » Редактирование шаблонов » Страница материалов и комментариев к нему находим $MESSAGE$ и обвертываем в
Код
<div class="rem31Ru">$MESSAGE$</div>
Далее данный скрипт ставим на этой же странице перед /body
Код
<script type="text/javascript">$(document).ready(function(){function a(){$(".rem31Ru img").each(function(){if($(this).width()>120){$(this).width("120").wrap('<a href="'+$(this).attr("src")+'"target="_blank" title="Нажмите чтобы увеличить" </a>').css({padding:"3px"}).attr("align","left")}})}a()});</script>


В скрипте .width()>120){$(this).width("120") размеры по умолчанию, регулируем как вам нравится.
Прикрепления: 3240040.png (33.1 Kb)
Страна: (RU)
Kosten
Среда, 06 Апреля 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Скрипт нужный, то просто сама система выставляет свой размер, и иногда статья не очень красивая получается, теперь самому можно.
Но как понимаю, его не только вид материала и комментарий к нему можно применить.


Сообщение отредактировал
workman - Среда, 06 Апреля 2016, 21:45
Страна: (RU)
workman
Среда, 06 Апреля 2016 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Кто любит в ЛС кидаться друг с другом картинками то также может поставить и туда только обернуть уже
Код
<div class="rem31Ru">$BODY$</div>
на странице личные сообщения (ЛС)
Страна: (RU)
Сопрано
Среда, 06 Апреля 2016 | Сообщение 4
Оффлайн
Vip
Сообщений:462
Награды: 4
И здесь продублировали или наоборот на главной тоже этот же.
Страна: (RU)
Kosten
Среда, 06 Апреля 2016 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Цитата Trantel ()
И здесь продублировали или наоборот на главной тоже этот же.

Всегда хороший или нужный материал дублирую, но зачем делать скрипты на форуме и ставить совершенно другие, хотя много есть от Воркман, который свои коды только в этот раздел помещает.
Страна: (RU)
workman
Четверг, 07 Апреля 2016 | Сообщение 6
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Trantel, Здесь на форуме делается дубль для того чтобы лучше было объяснять в правильной установке,кто не до понимает что и куда ставить. Ведь не все же тут сидят кто понимает
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Скрипт уменьшения / увеличения картинки
  • Страница 1 из 1
  • 1
Поиск: