Главная » Файлы » Скрипты для uCoz » Скрипты by Apocalypse

Автоуменьшение изображений на форуме + увеличение этих изображений по клику by Apocalypse для uCoz
24.06.14, 10:07:09



Данный скрипт - ответ ЭТОМУ скрипту. Меня просили написать более короткий вариант, но, так как более короткий вариант умещался в одну стилизацию в css, я решил прикрутить ещё и увеличение этих изображений по клику:



Временное ДЕМО

Установка:

В Виде материалов форума замените $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>


Скрипт разрабатывался на чистом форуме без модификаций и, если у вас стоит нестандартный форум - не ручаюсь за правильную данного кода. Также желательно активировать jQuery 1.6.1

Материал разработан и подготовлен Apocalypse

Категория: Скрипты by Apocalypse | Добавил: Apocalypse | Теги: клику, этих, изображений, форуме, Автоуменьшение, ПО, by, увеличение, на
Просмотров: 361 | Загрузок: 0 | Рейтинг: 5.0/1
Всего комментариев: 0
Имя *:
Email: