Главная » 2013 » Январь » 28 » Автоуменьшение картинок на форуме + превращение их в uLightbox (Скрипты для ucoz)
28.01.2013, 18:09

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




Данный скрипт будет просто незаменим для большинства администраторов сайтов, так как он превратит все изображения, которые превышают по высоте 200px и ширине 400px в миниатюры, при клике по которым пользователи смогут увидеть в лайтбокс окне от uCoz их полноразмерные оригиналы

Установка:

Форум -- Вид материалов -- Замените $MESSAGE$ на:

Код
<div class="apomessage">$MESSAGE$</div>


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

Код
<style>
.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>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: apo-ucoz.com
Категория: Скрипты uCoz | Просмотров: 1483 | Добавил: sold93 | Рейтинг: 0.0/0 |
Теги: картинок, форуме, их, Автоуменьшение, uLightbox, на, превращение
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]