Материалы
Автоуменьшение картинок на форуме, превращение картинок на форуме в uLightbox

Автоуменьшение картинок на форуме + превращение их в uLightbox

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

Установка:


ПУ -Управление шаблонами - Форум - Вид страницы - заменить $MESSAGE$



Код

<div class="apomessage">$MESSAGE$</div>




Форум - Общий вид страницы - после тега </head>  вставляем

 
Код

<style type="text/css">.apomessage img {  
max-width:400px;  
max-height:200px;  
}
</style>
<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();  
  };  
  };  
  });  
});  
  //ApoTeam (c) 2012  
  </script>

Советуем к просмотру:

Сохраните в социальную сеть
Прикрипления
Отсутствуют  

Комментарии
Комментариев пока нет, вы можете оставить комментарий первым.
Оставить комментарий
avatar