Главная » 2012 » Июль » 3 » Уменьшаем изображения в информерах, комментах (Скрипты для ucoz)
03.07.2012, 16:04

Уменьшаем изображения в информерах, комментах




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

Установка:

После </head>:

Code
<script type="text/javascript">  
  /*Avtor: укозик.рф*/  
  $(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 и вставляем в блок:

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


PS: "Вид комментариев" также необходимо обвернуть в div. Для этого вместо текста "Ваш информер комментариев" добавляем код вида комментариев.
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: http://укозик.рф
Категория: Скрипты uCoz | Просмотров: 1100 | Добавил: sold93 | Рейтинг: 5.0/1 |
Теги: Уменьшаем, изображения, информерах, комментах
Всего комментариев: 1
0  
1 PRIZRAK95R   (29.07.2012 18:20) [Материал]
Аватар пользователя
и куда это все вставлять?

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]