Уменьшаем изображения в информерах, комментах Не раз уже встречался с проблемой, что едет дизайн из-за больших добавленных в комментарии изображений. Вот для этих случаев я и написал этот скрипт. Скрипт уменьшает большие изображения и добавляет на них ссылку для просмотра в полноформатном режиме. Установка: После :
Код <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. Для этого вместо текста "Ваш информер комментариев" добавляем код вида комментариев. Готово!
|