A_Min
@A_Min

Вставка иконок в круговом меню возможна?

Здравствуйте!
Есть код: https://codepen.io/Alexzeus/pen/vYXWEez

На Тильду хотелось бы вставить его. Проблема в том, что вместо span элементов бургера нужно вставить иконку, после клика на иконку - открывается круговое меню, а в центре уже не иконка, а span элементы в форме "Х"
Как ограничить количество вылетающих кругов? (не 6, а 3)
Как вставить в вылетающие круги текст?

Пример: logisticgroupua.tilda.ws/proj1

Спасибо.
  • Вопрос задан
  • 71 просмотр
Пригласить эксперта
Ответы на вопрос 1
A_Min
@A_Min Автор вопроса
Да, просто писька и тупилово)
Спасибо.

А вот с этим вариантом:
https://pmg.softwaretailoring.net/

Возможно ли его вставить в Тильду? Я сохранил wheelnav.js на Гитхабе, оттуда ссылку скопировал в блок HTML, получилась вот такая ересь, но нифига не работает.

<html>
    <script type="text/javascript" src="https://github.com/alex-minenko/logisticgroup.git/wheelnav.js-1.7.1/raphael.min.js"></script>
    <script type="text/javascript" src="https://github.com/alex-minenko/logisticgroup.git/wheelnav.js-1.7.1/raphael.icons.min.js"></script>
    <script type="text/javascript" src="https://github.com/alex-minenko/logisticgroup.git/wheelnav.js-1.7.1/wheelnav.min.js"></script>
    
 <div id='piemenu' data-wheelnav
 data-wheelnav-slicepath='DonutSlice'
 data-wheelnav-marker data-wheelnav-markerpath='TriangleMarker'
 data-wheelnav-navangle='270'
 data-wheelnav-titleheight='45'
 data-wheelnav-cssmode 
 data-wheelnav-init>
  <div data-wheelnav-navitemicon='check' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemimg='http://pmg.softwaretailoring.net/img/pmg_favicon.png' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemicon='checkbox' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemicon='checked' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemicon='star' onmouseup='alert("Place your logic here.");'></div>
</div>

<style>
  <div id='piemenu' data-wheelnav
 data-wheelnav-slicepath='DonutSlice'
 data-wheelnav-marker data-wheelnav-markerpath='TriangleMarker'
 data-wheelnav-navangle='270'
 data-wheelnav-titleheight='45'
 data-wheelnav-cssmode 
 data-wheelnav-init>
  <div data-wheelnav-navitemicon='check' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemimg='http://pmg.softwaretailoring.net/img/pmg_favicon.png' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemicon='checkbox' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemicon='checked' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemicon='star' onmouseup='alert("Place your logic here.");'></div>
</div>
</style>

<script>
    var piemenu = new wheelnav('piemenu');
piemenu.wheelRadius = piemenu.wheelRadius * 0.83;
piemenu.createWheel();
piemenu.setTooltips(['check','image','checkbox','checked','star']);
</script>



</html>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы