Задать вопрос
Deonisius

Денис

Родился в 11110110111 году, 11000 января.
Ответы пользователя по тегу HTML

  • Как подружить jQuery animate filter saturate?

    Deonisius
    @Deonisius
    Родился в 11110110111 году, 11000 января. 
    $(function () {

    $({saturate: 0}).animate({saturate: 100}, {
        duration: 2000,
        easing: 'swing', // linear
        step: function () {
            $('.block').css({
                '-webkit-filter': 'saturate(' + this.saturate + '%)',
                    'filter': 'saturate(' + this.saturate + '%)'
            });
        }
    });

});

    Поиграться в песочнице - jsfiddle.net/Deonis/e1ukq884

    P.S. Кстати, тут совсем не обязательно в JS это делать. Можно просто добавлять класс, где значения фильтров будут 100% и анимировать с помощью transition или animation.
    Ответ написан
    1 комментарий
    1 комментарий

  • Лучшие креативные проекты?

    Deonisius
    @Deonisius
    Родился в 11110110111 году, 11000 января.
    www.awwwards.com там есть возможность отфильтровать сайты по технологиям, которые они используют. Например, svg - www.awwwards.com/websites/svg
    Да и в принципе, можно найти очень много креативных идей.
    Ответ написан
    Комментировать
    Комментировать

  • При наведении или клике курсора изменить другой элемент, как?

    Deonisius
    @Deonisius
    Родился в 11110110111 году, 11000 января.
    Карта изображения, плюс, например, data-атрибут и получаете что-то в этом роде
    <p class="info"></p>
<img alt="mashyna_taksy_nakleika_1_.jpg" src="http://i.piccy.info/i9/af7fb3ee41ec62c9160e3d6e8aec99c6/1445302105/40502/962048/mashyna_taksy_nakleika_1_.jpg" usemap="#myMap" width="459" height="459" />
<map name="myMap" id="myMap">
    <area shape="circle" coords="104,273,35" data-info="переднее колесо" />
    <area shape="circle" coords="351,272,36" data-info="заднее колесо"/>
    <area shape="poly" coords ="100,207,132,191,174,175,207,172,265,172,318,175,365,189,379,194,373,211,108,212"  data-info="стекло"/>
</map>

    var output = $('.info'); // куда выводим
$('area').on({
    mouseenter: function(){
        output.text('Навели на ' + $(this).data('info'));
    },
    mouseleave: function(){
        output.text(''); // если надо...
    }
});
    Ответ написан
    Комментировать
    Комментировать

  • Сворачивающийся\разворачивающийся блок в TinyMCE или аналоге?

    Deonisius
    @Deonisius
    Родился в 11110110111 году, 11000 января.
    Ни в TinyMCE, ни в другом известном мне редакторе "из коробки", нет возможности реализовать то, что вы хотите. Точнее реализовать можно, но своими усилиями - дописать расширение/надстройку, которая будет добавлять некий html-сниппет, например, как в примере по приведенной вами ссылке. Вот вам такой пример. По нажатию на кнопку (я её там единственную оставил), добавляется html-код в редактор. На странице же вам нужно будет только подключить JS и CSS плагина Сollapse.

    P.S. Я с TinyMCE практически не знаком ( в отличии от вас ;)) ), поэтому вполне возможно, что там есть и более удобные методы API для реализации задуманного.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать загрузку изображения с компьютера для TinyMCE?

    Deonisius
    @Deonisius
    Родился в 11110110111 году, 11000 января.
    Как сделать
    Всё зависит от того, какой смысл вы вкладывали в эту фразу. Если сделать самому, то тут двумя словами не обойдёшься, а если вы ищите разные пути для достижения цели, то есть и платные варианты, и бесплатные.
    Ответ написан
    Комментировать
    Комментировать