Главная » 2012 » Июнь » 10 » Автоматическое уменьшение изображений на форуме (Скрипты для ucoz)
10.06.2012, 13:34

Автоматическое уменьшение изображений на форуме





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

Установка:

В Виде материалов форума замените $MESSAGE$ на:
Code
<div id="apofmes">  
$MESSAGE$  
</div>

В Общий вид страниц форума после head:
Code
<style>  
#apofmes img {  
max-width:320px;  
max-height:2400px;  
}  

.apofn {  
width:100%;  
height:100%;  
position:fixed;  
top:0px;  
left:0px;  
z-index:300;  
background:rgba(0, 0, 0, 0.8);  
display:none;  
}  

.apofn img {  
width:800px;  
height:600px;  
position:fixed;  
z-index:301;  
top:50%;  
left:50%;  
margin-top:-300px;  
margin-left:-400px;  
}  
</style>  
<script>  
// ApoTeam (c) 2012  
$(document).ready(function() {  
$('#apofmes a[title*="Нажмите"]').click(function() {  
$('.apofn img').attr('src', $(this).attr('href'));  
$('.apofn').show();  
return false;  
});  

$('#apofmes img').click(function() {  
$('.apofn img').attr('src', $(this).attr('src'));  
$('.apofn').show();  
});  

$('.apofn').click(function() {  
$(this).hide();  
});  
});  
</script>  
<div class="apofn"><img src="" /></div>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: www.apo-ucoz.com
Категория: Скрипты uCoz | Просмотров: 2115 | Добавил: antisept | Рейтинг: 4.0/1 |
Теги: автоматическое, форуме, уменьшение, На, изображений
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]