Главная :: Регистрация :: Вход :: RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Вопросы по дизайну, управлению и настройки модулей СMS от uCoz! » СКРИПТЫ » ИНФОРМЕРЫ » Уменьшаем изображения в информерах, комментах!! (Уменьшаем изображения в информерах, комментах)
Уменьшаем изображения в информерах, комментах!!
penokyДата: Суббота, 07.03.2015, 06:50 | Сообщение # 1
Генерал-майор
Группа: Администраторы
Сообщений: 279
Репутация: 0
Статус: Offline
Уменьшаем изображения в информерах, комментах



Не раз уже встречался с проблемой, что едет дизайн из-за больших добавленных в комментарии изображений. Вот для этих случаев я и написал этот скрипт. Скрипт уменьшает большие изображения и добавляет на них ссылку для просмотра в полноформатном режиме.
Установка:

После :

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


Оборачиваем информер в div и вставляем в блок:

Код
<div class="imaReduction">Ваш информер комментариев</div>


"Вид комментариев" также необходимо обвернуть в div. Для этого вместо текста "Ваш информер комментариев" добавляем код вида комментариев.

Готово!

Уменьшаем, изображения, в, информерах,, комментах!!
Прикрепления: 5072298.jpg(69Kb)
 
Форум » Вопросы по дизайну, управлению и настройки модулей СMS от uCoz! » СКРИПТЫ » ИНФОРМЕРЫ » Уменьшаем изображения в информерах, комментах!! (Уменьшаем изображения в информерах, комментах)
Страница 1 из 11
Поиск: