jQuery плагины

Передать в iframe данные с помощью Jquery

14.08.2014 javascript, jQuery плагины ,

$('iframe#jivo_chat_iframe.jivo-fade-in').contents().find('textarea').val(123);

BigVideo.js видео в background

14.06.2014 Bitrix, jQuery плагины

http://dfcb.github.io/BigVideo.js/

jQuery.backgroundSize.js пример

07.06.2014 jQuery плагины No comments

http://louisremi.github.io/jquery.backgroundSize.js/demo/

У плагина есть два варианта вызова c параметром cover

$(document.body).css({backgroundSize: "cover"});

Вот пример
и второй с параметром contain, и тут есть нюанс у тега html должна быть высота 100%

<style>
html {
	height: 100%;
}
</style>
$(document.body).css({backgroundSize: "contain"});

Вот пример

Вот и все!

jQuery loader plugin

07.06.2014 jQuery плагины No comments

http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/
Плагин работает на этом сайте.

$(document).ready(function () {
    $("body").queryLoader2({
        barColor: "#6e6d73",
        backgroundColor: "#fff1b0",
        percentage: true,
        barHeight: 1,
        completeAnimation: "grow",
        minimumTime: 100
    });
});

dTabs jQuery plugin1.0 (если в танке — вкладки)

25.04.2013 jQuery плагины

Простой плагин закладок на jQuery с возможностью вызова callback функций.

Licensed under the MIT License

Подключение:

<link rel='stylesheet' href='dtabs.css' />
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script type='text/javascript' src='dtabs.js'></script>

Инициализация:

$('.d-tabs').dTabs();

HTML код:

В самом простум случае надо создать следующий блок на странице:

<div class='d-tabs'>

   <div class='d-tabs-nav'><ul>
      <li><a href='#'>tab-1</a></li>
      <li><a href='#'>tab-2</a></li>
      <li><a href='#'>tab-3</a></li>
   </ul></div>

   <div class='d-tab'>tab-1</div>
   <div class='d-tab'>tab-2</div>
   <div class='d-tab'>tab-3</div>

</div>

Примеры:

Сведения:

  1. Данный плагин работает во всех браузерах;
  2. В данном примере не используются никакие графические элементы. Жеаемый вид можно задать через css, не прибегая к редактированию js файла.

Скачать:

dForm jQuery plugin1.0 (если в танке — плагины для формы)

23.04.2013 jQuery плагины

dForm jQuery plugin1.0

Я специально не делал плагин, который срабатывает по селектору форм для того, чтобы можно было легко, без дополнительных настроек кастомизировать только те элементы, которые требуется!

Licensed under the MIT License

Подключение:

<link rel='stylesheet' href='dform.css' />
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script type='text/javascript' src='dform.js'></script>

Инициализация:

//Текстовые поля:
$('input[type="text"],input[type="password"],textarea').dInpTxt();

//Кнопки:
$('input[type="submit"],input[type="reset"],button').dInpBtn();

//Чекбоксы:
$('input:checkbox').dInpCheckbox();

//Радио:
$('input:radio').dInpRadio();

//Файлы:
$('input[type="file"]').dInpFile();

//Выпадающие списки:
$('select').dSelect();

dForm jQuery plugin1.0

Сведения:

  1. Данный плагин работает в браузерах IE7+, Opera, Mozilla Firefox, Chrome, Safari (PC, MAC, iOS);
  2. Если требуется более полная кастомизация выпадающего списка, то следует использовать jquery плагин «Chosen» (http://harvesthq.github.io/chosen/);
  3. Для того, чтобы в IE9 и более старых версиях отображались скругления и тени, прописанные в css, следует дополнительно подключить PIE (подробнее…);
  4. В данном примере не используются никакие графические элементы. Жеаемый вид можно задать через css, не прибегая к редактированию js файла.

Скачать:

Плагин с подсказками на фото

03.04.2013 jQuery плагины

http://codecanyon.net/item/jquery-hotspot-plugin-with-slideshow/full_screen_preview/4416686?ref=jqueryrain

http://www.jqueryrain.com/?ZhXaOTZm