// create by nasir farhadi // email : nasirfarhadi92@gmail.com // github : nasirfarhadi92 let i=2; $(document).ready(function(){ var radius = 200; var fields = $('.itemdot'); var container = $('.dotcircle'); var width = container.width(); radius = width/2.5; var height = container.height(); var angle = 0, step = (2*math.pi) / fields.length; fields.each(function() { var x = math.round(width/2 + radius * math.cos(angle) - $(this).width()/2); var y = math.round(height/2 + radius * math.sin(angle) - $(this).height()/2); if(window.console) { console.log($(this).text(), x, y); } $(this).css({ left: x + 'px', top: y + 'px' }); angle += step; }); // $('.itemdot').click(function(){ // // var datatab= $(this).data("tab"); // $('.itemdot').removeclass('active'); // $(this).addclass('active'); // $('.ciritem').removeclass('active'); // $( '.ciritem'+ datatab).addclass('active'); // i=datatab; // // $('.dotcircle').css({ // "transform":"rotate("+(360-(i-1)*36)+"deg)", // "transition":"2s" // }); // $('.itemdot').css({ // "transform":"rotate("+((i-1)*36)+"deg)", // "transition":"1s" // }); // // // }); // setinterval(function(){ // var datatab= $('.itemdot.active').data("tab"); // if(datatab>10||i>10){ // datatab=1; // i=1; // } // $('.itemdot').removeclass('active'); // $('[data-tab="'+i+'"]').addclass('active'); // $('.ciritem').removeclass('active'); // $( '.ciritem'+i).addclass('active'); // i++; // // // $('.dotcircle').css({ // "transform":"rotate("+(360-(i-2)*36)+"deg)", // "transition":"2s" // }); // $('.itemdot').css({ // "transform":"rotate("+((i-2)*36)+"deg)", // "transition":"1s" // }); // // }, 5000); });