Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Автоматическое уменьшение картинок в любом разделе сайта
Автоматическое уменьшение картинок в любом разделе сайта
workman
Дата: Воскресенье, 10.08.2014, 13:23 | Сообщение # 1
Vip
Сообщений:1576
Награды: 7


Автоматическое уменьшение картинок в любом разделе сайта, где существует тег - $MESSAGE$
Данный скрипт будет просто незаменим для большинства администраторов сайтов, так как он превратит все изображения, которые превышают по высоте 200px и ширине 400pxв миниатюры, при клике по которым пользователи смогут увидеть в лайтбокс окне от uCoz их полноразмерные оригиналы

Установка:
Форум — Вид материалов — Замените $MESSAGE$ на:
Код
<div class="apomessage">$MESSAGE$</div>

В нижнюю часть CSS файла ставите это:
Код
.apomessage img {  
    max-width:400px; max-height:200px;   
   -moz-border-radius: 6px; /* закругление для старых Mozilla Firefox */  
   -webkit-border-radius: 6px; /* закругл. для старых Chrome и Safari */  
   -khtml-border-radius:6px; /* закругл. для браузера Konquerer системы Linux */  
   border-radius: 6px; /* закругление углов для всех, кто понимает */  
}  

Если Вы решили поменять размеры на свои, то также не забывайте поменять их в скрипте, иначе работать не будет.
Далее:
Форум — Общий вид страниц форума — перед < /body> вставляйте:
Код
<script>$(document).ready(function(){$('.apomessage img').mouseover(function(){if(parseInt($(this).css('height'))==200||parseInt($(this).css('width'))==400){if($(this).parent('a').html()!=null      ){$(this).after('<a href="'+$(this).parent('a').attr('href')+'" class="ulightbox"><img src="'+$(this).attr('src')+'"></a>');$(this).remove()}else{$(this).after('<a href="'+$(this).attr('src')+'" class="ulightbox"><img src="'+$(this).attr('src')+'"></a>');$(this).remove()}}})});</script>


Смотрим пример работы скрипта тут: http://www.talk-russia.ru/forum/9-18-1
Самое что прикольное в работе данного скрипта, так это то что он уменьшает и увеличивает картинки,которые прописывались даже с помощью ВВ кодов в виде: img.../img


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Kosten
Дата: Воскресенье, 10.08.2014, 13:44 | Сообщение # 2
Администраторы
Сообщений:12675
Награды: 39


workman, это отличный код. Вот если б можно было тайтл проставлять.. цены бы не было cool

Kosten
Дата: Воскресенье, 10.08.2014, 13:46 | Сообщение # 3
Администраторы
Сообщений:12675
Награды: 39


workman, поздравляю.. теперь ты вип.. и подпись можешь оставить активную на сайт или картинку cool

workman
Дата: Воскресенье, 10.08.2014, 13:50 | Сообщение # 4
Vip
Сообщений:1576
Награды: 7


Цитата Kosten ()
поздравляю.. теперь ты вип..

Спасибо!!! Я всегда знал что ДЕСАНТ своих не бросает!!!!!!!!! biggrin


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Kosten
Дата: Воскресенье, 10.08.2014, 13:52 | Сообщение # 5
Администраторы
Сообщений:12675
Награды: 39


workman, с прошедшим праздником cool и разведчик десанта всегда поймет ситуацию в считанные секунды smile

workman
Дата: Воскресенье, 10.08.2014, 13:56 | Сообщение # 6
Vip
Сообщений:1576
Награды: 7


Цитата Kosten ()
Вот если б можно было тайтл проставлять.. цены бы не было

Тайл говоришь??? Ну чтож... Вот тебе тайл
Код
<script type="text/javascript">$('img').attr({'title': 'Нажмите для увеличения'};);</script>


biggrin biggrin biggrin


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
workman
Дата: Воскресенье, 10.08.2014, 13:57 | Сообщение # 7
Vip
Сообщений:1576
Награды: 7


Спасибо!!! 5 ноября тоже с поздравлениями приду...

Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Kosten
Дата: Воскресенье, 10.08.2014, 14:00 | Сообщение # 8
Администраторы
Сообщений:12675
Награды: 39


Да с тайтлом шикарно для поисковиков..
5 ноября ждемс victory


workman
Дата: Воскресенье, 10.08.2014, 14:06 | Сообщение # 9
Vip
Сообщений:1576
Награды: 7


Цитата Kosten ()
Да с тайтлом шикарно для поисковиков..

В основном, для поисковиков полезен alt... Я тут оставлял уже данный скрипт


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Kosten
Дата: Воскресенье, 10.08.2014, 14:11 | Сообщение # 10
Администраторы
Сообщений:12675
Награды: 39


В меню сайта интересно можно прописать alt ?
Прописать то можно.. но в тему будет.. основном на картинки идет.


workman
Дата: Воскресенье, 10.08.2014, 14:16 | Сообщение # 11
Vip
Сообщений:1576
Награды: 7


Цитата Kosten ()
В меню сайта интересно можно прописать alt ?

Я на своих сайтах прописал везде в основном


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Kosten
Дата: Воскресенье, 10.08.2014, 14:26 | Сообщение # 12
Администраторы
Сообщений:12675
Награды: 39


workman, сенкью вери мач.. тоже надо прописать ключи biggrin думаю лишним не будет.

workman
Дата: Воскресенье, 10.08.2014, 15:09 | Сообщение # 13
Vip
Сообщений:1576
Награды: 7


Изменил код. В него добавил title.
Код
<!-- Уменьшение картинки -->
<script>$(document).ready(function(){$('.apomessage img').mouseover(function(){if(parseInt($(this).css('height'))==200||parseInt($(this).css('width'))==400){if($(this).parent('a').html()!=null  ){$(this).after('<a href="'+$(this).parent('a').attr('href')+'" class="ulightbox"><img src="'+$(this).attr('src')+'" title="Нажмите для увеличения картинки"></a>');$(this).remove()}else{$(this).after('<a href="'+$(this).attr('src')+'" class="ulightbox"><img src="'+$(this).attr('src')+'" title="Нажмите для увеличения картинки"></a>');$(this).remove()}}})});</script>
<!-- /Уменьшение картинки -->


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Автоматическое уменьшение картинок в любом разделе сайта
Страница 1 из 11
Поиск: