+7 (911) 913-40---
menu
person
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Автоуменьшение картинок на форуме
artnovДата: Пятница, 10.05.2013, 19:23 | Сообщение # 1
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 0
Репутация: 0
Статус: Offline
Форум -- Вид материалов -- Замените $MESSAGE$ на:

Код
Код
<div id="apofmes">   
  $MESSAGE$   
  </div>

Форум -- Общий вид страниц форума -- После /head вставляйте:

Код
Код
<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>

 


Artnov
 
  • Страница 1 из 1
  • 1
Поиск: