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