Добро пожаловать, Гость
Сегодня: Суббота, Время: 22:07


- Web-мастеру
- Статьи
Главная - Все для web-мастера uCoz
Уменьшаем изображения в информерах, комментах
Не раз уже встречался с проблемой, что едет дизайн из-за больших добавленных в комментарии изображений. Вот для этих случаев я и написал этот скрипт. Скрипт уменьшает большие изображения и добавляет на них ссылку для просмотра в полноформатном режиме.
Установка:
После < /head>:
Оборачиваем информер в div и вставляем в блок:
PS: "Вид комментариев" также необходимо обвернуть в div. Для этого вместо текста "Ваш информер комментариев" добавляем код вида комментариев.
Готово!
После < /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>
/*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. Для этого вместо текста "Ваш информер комментариев" добавляем код вида комментариев.
Готово!
Источник: укозик.рф
Просмотров: 2401 | Написал: (o)-$erega-(o) | Дата: 02.07.2012 | Комментарии: (0)
|
|
|

Гостям нельзя оставлять комментарии. Зарегистрируйтесь или войдите под своим профилем
Мини-чат
23:26
![]() Парни помогите !
http://xn--g1acecr2a.xn--p1ai/board/skripty_ucoz/bot_dlja_mini_chata/1-1-0-581
19:05
![]() А как делать фон на сайте?
17:31
![]() Страница материала - http://укозик.рф/board/skripty/umenshaem_izobrazhenija_v_informerakh_kommentakh/5-1-0-444
17:31
![]() Скрипт хорош, решил потестировать и даже больше - использовать его и для уменьшения видео, так вот вроде бы все работает на IE и MF но вот Google Chrome вроде бы воспринимает скрипт, но после перезагрузки страницы картинки снова увеличенные ( кстати видео не увеличивается ) в чем может быть проблема? Заранее спасибо.
17:31
![]() Я так понял сообщение отправить пока нет возможности, но вот ответ на вопрос хотелось бы получить, так как очень нужно и так:
23:02
![]() по моему, выглядит капельку лучше
00:51
![]() Супер
04:46
![]() Всем привет! Сайт переехал на новый хостинг!
|
Для добавления необходима авторизация |
Реклама
Новые комментарии
Здравствуйте. У меня почему то не сработал скрипт(((
Комментарий от Helen0104
Парни помогите поменять цвет ответов у пользователей, тот кто пишет что то в миничате , плохо видно текст
Комментарий от gameaslife
super
Комментарий от humoyn
Не увеличение, а уменьшение картинок и видео. Единственное что почему то не срабатывает после перезагрузки с
Комментарий от ferr-um
Увеличение видео не предусмотрено в данном скрипте. Скиньте ссылку на сайт в обратную связь
Комментарий от Admin