Jump to content

Sensei

Expert
  • Posts

    561
  • Joined

  • Last visited

  • Days Won

    26

Everything posted by Sensei

  1. http://codepen.io/anon/pen/QwQoPj
  2. В мобильном хроме бывает проблема с размером текста. Таким способом запрещают автоматическое увеличение текста (font boosting).
  3. А версию 3.2.2 пробовали подключать?
  4. Подгрузил версию, которую вы сейчас используете, она 2012 года. Если передать функцию, то работает http://jsfiddle.net/6ashzfo6/8/ Вы в копирайт в скриптах загляните несжатая версия 3.2.2 сжатая, которая сейчас на сайте вашем 2.1.08
  5. Ну так вы же подключаете версию 2012 года, в которой нужно передавать функцию
  6. Если я правильно понял по индексу http://jsfiddle.net/7cky6mtv/1/ по названию http://jsfiddle.net/7cky6mtv/
  7. Я так понимаю, в старой версии плагина нужно было передавать функцию для вычисления пропорций, в новой достаточно задать ширину в CSS http://masonry.desandro.com/options.html#columnwidth
  8. Подгрузил «jquery.masonry.min.js», работает http://jsfiddle.net/6ashzfo6/5/ А вообще, если в CSS задана ширина у блоков, то в плагин ее передавать необязательно. Не, в данном случае обязательно)
  9. Может так поможет «selectFx» немного поправил, замените https://yadi.sk/d/nEWrZDDLeNquy <script src="js/classie.js"></script><script src="js/selectFx.js"></script><script>(function() { Array.prototype.forEach.call(document.querySelectorAll('select.cs-select'), function(el) { new SelectFx(el, { stickyPlaceholder: false, onChange: function(target){ target.parentNode.querySelector('span.cs-placeholder').style.backgroundImage = 'url(img/'+ target.value +'.png)'; } }); });})();</script>
  10. http://jsfiddle.net/Ltdxcsdk/
  11. Попробуйте так <script src="js/classie.js"></script><script src="js/selectFx.js"></script><script> Array.prototype.forEach.call(document.querySelectorAll('select.cs-select'), function(el) { new SelectFx(el, {stickyPlaceholder: false}); el.addEventListener('change', function(e) { var placeholder = this.parentNode.querySelector('.cs-placeholder'); placeholder.style.backgroundImage = 'url(img/' + this.value + '.png)'; }, false); }); </script>
  12. А при анимациях и переходах тоже специальный слой рисуется?
  13. Разница есть, как минимум, когда вы задаете сдвиг в процентах. При позиционировании проценты берутся от размеров родителя (относительно которого позиционируется), при трансформации от размеров самого элемента. http://jsfiddle.net/k7q7fu1x/
  14. Думаю, в данном случае нужно выбрать один конкретный автомобиль. Стало быть и марка будет одна, конкретная) Ну а если все же несколько нужно выбрать, то по сути это «чекбоксы» с нестандартным оформлением, ими бы и сделал.
  15. Я бы сделал марки списком, а выбранное значение записывал в input Примерно так http://jsfiddle.net/mwetwv79/
  16. «remove» не всеми браузерами поддерживается, так что не до красивостей)
  17. Разве это термин? Возбудить в значении вызвать или привести к появлению. Звучит может и не очень, но почему нельзя применить именно это слово?)
  18. Тогда может так? var wrap = $('#container'), cloneWrap = wrap.clone(), link = $('a'), linkLen = link.length, linkCounter = 0, dataMax = 50, dataCounter = 0;function loadBlocks() { $.ajax({ url: link.eq(linkCounter).attr('href'), success: function (data) { data = $(data).find('#block'); if (data.length) { data.appendTo(cloneWrap); dataCounter += 1; } linkCounter += 1; if (dataCounter < dataMax && linkCounter < linkLen) { return loadBlocks(); } else { wrap.replaceWith(cloneWrap); } } });};loadBlocks();
  19. Попробуйте так var wrap = $('#container'), cloneWrap = wrap.clone(), link = $('a');link.each(function(i) { if (i >= 50) return false; $.ajax({ url: this.href, success: function (data) { $(data).find('#block').appendTo(cloneWrap); } });});wrap.replaceWith(cloneWrap);
  20. Так сойдет? http://jsfiddle.net/8bpjtuhq/
  21. У элементов задан float, так что в итоге display все равно в значении block. Запас в пиксель не факт что поможет, там ведь не картинками, а бордерами сделано. Такие вещи, наверное, лучше делать на SVG.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy