swiper 슬라이더


$(window).resize();

swiper.update();



slick 슬라이더

target.slick('resize');

' > javascript&jQuery' 카테고리의 다른 글

swiper, slick 슬라이더  (0) 2019.03.11
script pc 모바일 분기  (0) 2018.05.10
오픈소스 오디오 플레이어 jPlayer  (0) 2018.02.14
JS 커스텀 스크롤바 플러그인  (0) 2018.02.09
오픈소스 차트 라이브러리  (0) 2017.11.09

사용할 일이 생길때마다 찾기가 넘나 귀찮음..



var isMobile = false; //initiate as false


      if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) isMobile = true;


if( !isMobile )

{

//pc

}

else

{

//mobile

}

' > javascript&jQuery' 카테고리의 다른 글

swiper, slick 슬라이더  (0) 2019.03.11
script pc 모바일 분기  (0) 2018.05.10
오픈소스 오디오 플레이어 jPlayer  (0) 2018.02.14
JS 커스텀 스크롤바 플러그인  (0) 2018.02.09
오픈소스 차트 라이브러리  (0) 2017.11.09

jQuery HTML5 Audio / Video Library



jPlayer는 커스터마이징이 가능한 오디오 플레이어


배포사이트 : http://jplayer.org/




script

$("#jquery_jplayer_1").jPlayer({

   ready: function () {

      $(this).jPlayer("setMedia", {

         m4a: "/resource/tts_10.mp3"    //음원 경로

      });

   },

   play: function() { // To avoid multiple jPlayers playing together.

      $(this).jPlayer("pauseOthers");

   },

   swfPath: "/resource/script/jplayer",    //jplayer 경로

   supplied: "m4a",

   cssSelectorAncestor: "#jp_container_1",

   wmode: "window",

   globalVolume: true,

   useStateClassSkin: true,

   autoBlur: false,

   smoothPlayBar: true,

   keyEnabled: true,

   defaultPlaybackRate : .5     //배속. 디폴트 1

});




html

<div class="player">


   <div id="jquery_jplayer_1" class="jp-jplayer"></div>


   <div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">


      <div class="jp-controls">

         <button class="jp-play" role="button" tabindex="0">play</button>

         <button class="jp-pause" role="button">Pause</button>

         <button class="jp-stop" role="button">Stop</button>

      </div>


   </div>


</div>


' > javascript&jQuery' 카테고리의 다른 글

swiper, slick 슬라이더  (0) 2019.03.11
script pc 모바일 분기  (0) 2018.05.10
오픈소스 오디오 플레이어 jPlayer  (0) 2018.02.14
JS 커스텀 스크롤바 플러그인  (0) 2018.02.09
오픈소스 차트 라이브러리  (0) 2017.11.09

커스텀 스크롤바를 만들어주는 플러그인


배포사이트 : http://manos.malihu.gr/jquery-custom-content-scroller/

데모 : http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/complete_examples.html




' > javascript&jQuery' 카테고리의 다른 글

swiper, slick 슬라이더  (0) 2019.03.11
script pc 모바일 분기  (0) 2018.05.10
오픈소스 오디오 플레이어 jPlayer  (0) 2018.02.14
JS 커스텀 스크롤바 플러그인  (0) 2018.02.09
오픈소스 차트 라이브러리  (0) 2017.11.09

1. nuli

http://nuli.navercorp.com/sharing/nwagon


차트종류 :

Radar Chart

Cloumn Chart

Line Chart

Area Chart

Donut/Pie Chart

....


2. 구글차트

https://developers.google.com/chart/



3. ChartJS

http://www.chartjs.org/


차트 종류 : 

Bar Chart

Pie & Doughnut Chart

Line Chart

Radar Chart

Polar Area Chart


4. C3.js

http://c3js.org/examples.html


5. Chartist.js

http://gionkunz.github.io/chartist-js/


차트 종류 : 

Bar Chart

Pie & Doughnut Chart

Scatter Plot Chart

Time Series Chart

' > javascript&jQuery' 카테고리의 다른 글

swiper, slick 슬라이더  (0) 2019.03.11
script pc 모바일 분기  (0) 2018.05.10
오픈소스 오디오 플레이어 jPlayer  (0) 2018.02.14
JS 커스텀 스크롤바 플러그인  (0) 2018.02.09
오픈소스 차트 라이브러리  (0) 2017.11.09

+ Recent posts