Главная :: Регистрация :: Вход :: RSS
ЛУЧШИЙ ЗАРАБОТОК
РАДИО
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
teasermedia
kadam
Block title
Главная » Файлы » СКРИПТЫ UCOZ » РАЗНОЕ

Уменьшаем изображения в информерах, комментах
[ · Скриншот ] 07.03.2015, 06:51

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



 



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

Установка: 



После : 

 




Код


<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. Для этого вместо текста "Ваш информер комментариев" добавляем код вида комментариев. 



Готово! 

Категория: РАЗНОЕ | Добавил: penoky
Просмотров: 94 | Загрузок: 0 | Рейтинг: 0.0/0
Похожие материалы
К сожалению, похожего ничего не нашлось!
Всего комментариев: 0
avatar
Вход на сайт

Block title