-
Posts
209 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Mary_RND
-
-
55 минут назад, npofopr сказал:
Что такое диапазон?
Это же круг.
Целый круг - 1. Делите на 5, да и всё.В итоге сделала так:
$('.average.circle').each(function() { var $circle = $(this), val = $circle.data('val'), max = $circle.data('max'); $circle.circleProgress({ value: val/max }).on('circle-animation-progress', function(event, progress, stepValue) { $(this).find('strong').html(Math.round(stepValue*max*10)/10); }); });
подставляем например data-val="4.1" - значение до которого крутится,data-max="5" - максимальное значение (100%)
а вместо $('.average.circle') подставляем свой элемент
<div class="pp-review__average"> <div class="average circle" data-val="4.1" data-size="36" data-thickness="5" data-max="5" data-animation-start-value="1.0" data-fill="{ "color": "rgba(0, 0, 0, .3)", "color": "rgba(207, 10, 38, 1)"}" data-reverse="true"> </div> </div>
-
15 часов назад, npofopr сказал:
Через data-value="0.9" можно
вроде ж всё написано
неа, это подставляется мое значение
немного не так выразилась.. как поставить свой диапазон от 0 до 5
13 часов назад, Дмитрий Афанасьев сказал:тут такой же вопрос, как подставить свой диапазон Т_Т
-
39 минут назад, npofopr сказал:
Вот такой недавно использовал https://github.com/kottenator/jquery-circle-progress
ооо) какая интересная штука )
Только не могу понять, как ставится ограничение >_<
-
-
1 час назад, Svetlana_P сказал:
Прикрепляю svg со своего экспорта, если пригодится. Хотя не понятно, зачем Вас так попросили. Может стоит объяснить заказчику/руководителю, что так не стоит делать
Спасибо
Попробую @_@
Но я на всякий случай качаю другую версию Фотошопа =)
-
1 час назад, wwt сказал:
Используйте лучше возможности CSS для динамического изменения размеров изображения:
img { width:100%; }
Портировать в вектор фотографию из растра вы не сможете с таким же качеством.
Да, я знаю это и понимаю, что проще и правильней, но вот такой геморрой мне придумали, поэтому сижу и разбираюсь... И соответственно спрашиваю
56 минут назад, Svetlana_P сказал:О как, не знала. Пошла читать про все это подробней)
Mary, насчет экспорта, может баг какой в более старом Фотошопе. У меня при настройках по умолчанию без проблем сохранил. А вообще согласна с Wwt, что просто для изменения размера фото здесь нет смысла svg делать. Можете показать конкретную задачу, тут Вам посоветуют более оптимальный способ.
Попробую другую версию фотошопа поискать и поставить.
-
Svg меняет размер вместе с размером блока в котором находится (грубо говоря).
Когда я в Фотошопе пытаюсь сделать Export As... он вот так ругается и ничего не делает http://prntscr.com/fe842s
т.е. просто ставишь через object указываешь путь к svg, а внутренний контент объекта формируется сам, так?
-
-
Доброго времени суток.
Возникло пару вопросов:
- Пытаюсь конвертировать png в svg через вот этот сервис https://convertio.co/ru/png-svg/ . Картинка цветная, на выходе она получается черно-белая... так и должно быть?
- А как данную картинку потом вставить, если правильно, что она получается черно-белой... (хотя в принципе как правильно поставить svg)
Вроде смотрела примеры, но что-то не поняла..
*первый раз пробую поставить svg
Спасибо ^^
-
9 hours ago, Q4Dizzy said:
ааа.... надо было делать через onOpen >_<
Спасибо ^^
-
On 02.12.2016 at 04:10, Q4Dizzy said:
А насчёт 1 вопроса
<a rel="gal" class="group1" href="http://i.sunhome.ru/foto/149/etot-prekrasnii-mir.xxl.jpg" title="Это описание" data-caption="Труляля"> <img src="http://i.sunhome.ru/foto/149/etot-prekrasnii-mir.xxl.jpg"> </a>
$(".group1").colorbox({ rel: 'gal', onComplete: function() { var caption = $(this).data('caption'); $('#cboxContent').prepend('<div class="cboxTopTitle">' + caption + '</div>') }, onClosed: function(){ $('#cboxContent .cboxTopTitle').remove(); } });
Что-то наподобии такого.. Только с стилями ещё подправки нужно делать.
Доброго времени суток.
Я наконец взялась за продолжение сайта, добила нужные изменения.
Но вот проблема возникла, я добавила data-caption выводится, но выводятся все data-caption у каждого фото ><
-
А если я заменяю вызов фунrции ни к id, а к классу, например:
$( '.cbp-ntaccordion_main').cbpNTAccordion();
То ругается вот так...
Синхронный XMLHttpRequest в основной нити является устаревшим из-за его пагубного влияния на работу конечного пользователя. Для получения дополнительной помощи обратитесь к http://xhr.spec.whatwg.org/ jquery.compiled.js:2:86393 TypeError: $(...).placeholder is not a function[Подробнее] script.js:210:2 ReferenceError: getLabel is not defined[Подробнее] compiled.js:1:36718 Метод getPreventDefault() является устаревшим. Для его замены используйте метод defaultPrevented. jquery.compiled.js:2:40608
-
Когда я пытаюсь прописать вот такой код:
var pageId = <xsl:value-of select="@id"/>; $( '#cbp-ntaccordion2_3_' + pageId).cbpNTAccordion();
То консоль ругается вот так...
SyntaxError: expected expression, got '<'[Подробнее] script.js:173:14 Синхронный XMLHttpRequest в основной нити является устаревшим из-за его пагубного влияния на работу конечного пользователя. Для получения дополнительной помощи обратитесь к http://xhr.spec.whatwg.org/ jquery.compiled.js:2:86393 ReferenceError: getLabel is not defined[Подробнее] compiled.js:1:36718
-
Кто-нибудь может помочь? Т_Т
-
Доброго времени суток.
Возникла проблема с использование двух и более аккордеонов на странице и я к сожалению не могу сама разобраться, как это сделать...
Я использую данный аккордеон https://tympanus.net/codrops/2013/03/29/nested-accordion/ , прикреплю свой файл, т.к. в нем есть небольшое изменение, если нет раскрывающего блока, то нет активности у раскрытия.
Вызывается работа аккордеона простым кодом.
$( '#cbp-ntaccordion' ).cbpNTAccordion();
Работаю в umi, там можно в xsl прописать у id="cbp-ntaccordion{page/@id}", то будет добавляться id данной страницы, но вот как правильно прописать {page/@id}, чтобы в js тоже подставлялся данный номер?
Спасибо
-
Ооо... Сейчас опробую это
только сайт перенесу @_@
-
https://jsfiddle.net/m24nt57z/2/
Я много раз тут пыталась вставить js, но почему-то получается с переменным успехом, как сейчас ><
Вставила верстку, стили и тот js, что стоит. А вот коды самой мозаики и галереи прицепляю отдельно, почему поставить не смогла...
Кстати, я там не нашла моей библиотеки jQuery v1.10.1 O_o
-
Доброго времени суток!)
У меня два вопросика по галереи colorbox и плагину для формирования фото в мозаику
Первое по галерее:
Мне надо чтобы, оно выглядело вот так http://prntscr.com/d9zqg4
А у меня получилось сделать только так Т_Т http://prntscr.com/d9zqw3
Кто-то нибудь сталкивался с этой галерей? Как добавить еще одно поле для текста и увеличить отступы?
Второе по мозаике:
Я для той же галереи использовала вот этот плагин http://tympanus.net/codrops/2011/08/30/automatic-image-montage/ , но в начале не требовалось каких-либо условий...
А теперь надо, чтобы первая картинка была всегда 380x380, а остальная мозаика считаться от нее... и сверху нее должна быть лупа и надпись (это я думаю смогу сделать), а вот изменить отсчет...
Кто может сказать, что надо изменить в коде? Т_Т
Спасибо.
Пробовала подключить fancybox, но он у меня не заработал почему-то...
-
17 часов назад, Sensei сказал:
Можно, конечно, вручную в стилях задать свойства, но лучше скриптом https://jsfiddle.net/1xf58wv1/
Красиво *_*
17 часов назад, Sensei сказал:P.S. учите js)
С js у меня очень странная история изучения, скажем приходилось учить его на ходу... потом получилось так он был не нужен и времени на него отдельно не было =_=
Сейчас я опять работаю с js, вроде делаю-делаю и врезаюсь в стену... Т___Т
Будто пробелы в знание, из-за того что изучила его на ходу, так еще бы понять где эти пробели.
-
Доброго времени суток.
Очень нужен ваш совет, по оформелнию, прикрепила картинку примераЕсть расписание работы, по картинке видно, что полоски по длине меняются относительно друг друга (установленного времени)
Не могу определиться с методом, который использовать, сперва хотела сделать slider, но через jQuery UI Slider выйдет как-то громоздко...
Есть ли метод проще или можно сделать это чисто с помощью стилей?
Спасибо.
-
-
Сидела, разбирала анимацию крестика, не могу понять, как задать утончение полосок крестика?
P.S: а все поняла =)
-
10 минут назад, Sensei сказал:
Исходил из того. что таких блоков может быть несколько, потому кода столько, сколько есть)
А.. я кажется поняла =) грубо говоря id, как тэг работает, так?
9 минут назад, Sensei сказал:Так задайте ей высоту 100% или 100vh
На 100% не было реакции, а вот vh помогло =)
9 минут назад, Sensei сказал:Крестик https://jsfiddle.net/ymzp35a2/
Ф-ция close перестает работать, если я ставлю div с классом icon-close внутри ссылки, а когда совмещаю классы тоже перестает работать @_@
-
Вот блин
У меня гугл карта в этом блоке без установленной высоты не открывается... а с установленной не тянется на весь экран >.<
Проблемы с плагином scrollmagic
in JavaScript
Posted
Добрый день.
Хотела попросить помощи, на тему работы плагина scrollmagic.io
Плагин анимации при прокрутки страницы.
Сейчас есть несколько проблем с которыми я не могу разобраться, помогите пожалуйста:
1) Недовольны тем, что типа долго скролится сайт сам по себе и до блоков с информацией - кто знает как можно ускорить прокрутку? Или сделать 2 пункт
2) Сделала паузы для блоков текста на нескольких точках анимации, но пропал эффект прокрутки текста, получается блок сейчас просто появляется с текстом на точке паузы.
3) И небольшой нюанс, почему-то именно на МакБук (в сафари и хроме) не отображаются картинки анимации, притом на Маке, Аймаке или Айфоне все нормально. Кеш чистила, разрешения для сайта все дала, но в упор не видит..
Спасибо за помощь.
Вот сайт - https://shilajet.com/