Автоуменьшение изображений на форуме + увеличение этих изображений по клику.
Данный скрипт уменьшает изображения на форуме,если оно больше представленного администрацией разрешения изображения.
+ Оно увеличивается за счет клика на это изображение.
Установка:
В Виде материалов форума замените $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>
Скрипт разрабатывался на чистом форуме без модификаций и, если у вас стоит нестандартный форум - не ручаюсь за правильную данного кода. Также желательно активировать jQuery 1.6.1
