Вы находитесь здесь:Пользовательские скрипты»LiMasscode
LiMasscode

LiMasscode

По натуре я авантюрист. Люблю пробовать заранее провальные методы только для того, чтобы получить опыт.

Адрес сайта: http://www.mmmagnit.ks.ua

Плагин liCover подгоняет изображение под размеры родительского элемента, не искажая его пропорций. При этом изображение всегда будет занимать всю площадь родительского элемента.

liCover максимально упрощает выполнение таких задач как:
- фон на весь экран
- фотографии нестандартных пропорций

Очень прост в подключении и весит всего 2kb

Пример работы на JSFIDDLE

Подключаемые файлы

<link rel="stylesheet" href="#">
<script src="/px.png"></script>
<script src="/js/jquery.liCover.js"></script>

Структура HTML

Вставляем в HTML изображение и присваиваем ему произвольный класс

    <img class="cover" src="/pic/image.jpg">

Инициализация плагина

Остается только скормить плагину "liCover" нашу картинку. Так как работаем с изображением и обязаны дождаться его полной загрузки, то делаем это через событие "$(window).load()"

  $(window).load(function(){
    $('.cover').liCover({
      parent: $(window),
      position:'absolute',
      veticalAlign:'middle',
      align:'center'
    })
  })

Параметры

Option Default value Datatype Description
parent $(window) object jquery Определяет родительский элемент, под размеры которого нужно подстраиваться.
position 'absolute' string Задает позиционирование изображения.
Может принимать значения: 'absolute', 'fixed'
veticalAlign 'middle' string Задает выравнивание изображения по вертикали.
Может принимать значения: 'top', 'bottom' или 'middle'
align 'center' string Задает выравнивание изображения по горизонтали.
Может принимать значения: 'left', 'right' или 'center'

События

Перерисовка изображения висит на стандартном событии объекта $(window) "resize", также можно использовать пользовательское событие "redraw"

redraw

пример кода

  $(window).trigger('redraw')

  

Bug Fix

17.04.2014 - Добавлена возможность выравнивания изображения по вертикали и горизонтали параметрами "vericalAlign" и "align"
17.04.2014 - Коррекция размеров min и max
17.04.2014 - Исправлен баг с определением родительского блока
27.02.2014 - Добавлен параметр "position"

liMarquee - jQuery Marquee или бегущая строка на jQuery

Понедельник, 05 Ноябрь 2012 03:38

Плагин liMarquee является аналогом тега «marquee» и также как и он не ограничивается строками и позволяет перемещать (скролировать) любые элементы веб-страницы — изображения, текст, таблицы, элементы форм и т.д.

Но в отличии от тега «marquee», liMarquee имеет ряд преимуществ таких как:

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

jQuery плагин liPaginate автоматически разбивает выбранный текстовый блок на на страницы. Размеры страниц зависят от заданного параметра высоты, который можно указывать в пикселях и присвоить ему значение "auto". При указании в качестве высоты значения "auto", размер страниц будет ориентироваться на размер экрана.
Также плагин liPaginate сам добавит навигацию по созданным страницам. Положение навигации также можно указать в параметрах плагина: 'before' - перед страничками, 'after' - после страничек и 'double' - одновременно и перед, и после страниц.

jQuery Плагин liMenuRespHard преобразует ваше многоуровневое меню в адаптивное. После обработки плагином liMenuRespHard ваше меню примет юзабильный вид на устройствах с маленьким разрешением экрана.
liMenuRespHard - это версия преобразования адаптивного меню, предназначенная для меню с неограниченным уровнем вложенности.
В настройках плагина возможно указать тип преобразования: 1. Выпадающий список - 'select', 2. Иконка меню - 'button'

Меню преобразуется во всех современных браузерах, поддерживающих CSS3 Медиа-запросы, и никак не меняется в IE7,IE8

Вопрошайничай!

Чем вы можете помочь?

1. Разместить ссылку на своем сайте
Если вы ведете блог или у вас есть сайт - поставьте ссылку на www.masscode.ru. Скопируйте этот код:

<a href="/" title="Плагины, сниппеты и пользовательские скрипты на jquery" target="_blank">Плагины, сниппеты и пользовательские скрипты на jquery</a>

2. Поддержать проект финансово
Вы можете сделать добровольное пожертвование

AUH: U878157792792
USD: Z821422743261
RUB: R360648948582
EUR: E298388086680

Свежие материалы

Последние коментарии

Вы находитесь здесь:   ГлавнаяПользовательские скриптыLiMasscode