jQuery плагины — МиниКод http://minicode.ru записи кодов Wed, 05 Sep 2018 06:40:48 +0000 ru-RU hourly 1 https://wordpress.org/?v=4.8.14 Передать в iframe данные с помощью Jquery http://minicode.ru/peredat-v-iframe-dannye-s-pomoshhyu-jquery/ Thu, 14 Aug 2014 07:28:37 +0000 http://minicode.ru/?p=675
$('iframe#jivo_chat_iframe.jivo-fade-in').contents().find('textarea').val(123);
]]>
BigVideo.js видео в background http://minicode.ru/bigvideo-js-video-v-background/ Sat, 14 Jun 2014 09:22:02 +0000 http://minicode.ru/?p=654 http://dfcb.github.io/BigVideo.js/

]]>
jQuery.backgroundSize.js пример http://minicode.ru/query-backgroundsize-js/ http://minicode.ru/query-backgroundsize-js/#respond Sat, 07 Jun 2014 11:28:43 +0000 http://minicode.ru/?p=640 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"});

Вот пример

Вот и все!

]]>
http://minicode.ru/query-backgroundsize-js/feed/ 0
jQuery loader plugin http://minicode.ru/jquery-loader-plugin/ http://minicode.ru/jquery-loader-plugin/#respond Sat, 07 Jun 2014 11:27:05 +0000 http://minicode.ru/?p=638 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
    });
});
]]>
http://minicode.ru/jquery-loader-plugin/feed/ 0
dTabs jQuery plugin1.0 (если в танке — вкладки) http://minicode.ru/dtabs-jquery-plugin1-0-esli-v-tanke-vkladki/ Thu, 25 Apr 2013 07:08:18 +0000 http://minicode.ru/?p=295 Простой плагин закладок на 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 (если в танке — плагины для формы) http://minicode.ru/plaginy-dlya-form/ Tue, 23 Apr 2013 09:47:43 +0000 http://minicode.ru/?p=287 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 файла.

Скачать:

]]>
Плагин с подсказками на фото http://minicode.ru/plagin-s-podskazkami-na-foto/ Wed, 03 Apr 2013 12:34:06 +0000 http://minicode.ru/?p=251 http://codecanyon.net/item/jquery-hotspot-plugin-with-slideshow/full_screen_preview/4416686?ref=jqueryrain

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

]]>