slidesjs 함수 호출, data('plugin_slidesjs')

http://slidesjs.com/

http://thinsoldier.github.io/externals/slidesjs/examples/thn-thumbnails-1/

<div id="slide">

  <a ...><img ...></a>

  <a ...><img ...></a>

  <a ...><img ...></a>

</div>

<script>

  var $oSJS;

  $(document).ready(function(){

    $oSJS = $('#slide').slidesjs({                                      // slidesjs 플러그인 세팅시 변수에 담는다

      ...

    });

  });

  function trg(n){ $oSJS.data('plugin_slidesjs').goto(n); }    // 변수.data('plugin_slidesjs') 다음에 함수명을 사용

</script>

슬라이드 위에 썸네일을 올리고,

썸네일을 클릭하면 슬라이드의 해당 이미지가 화면에 위치하게 하는 동작을 구현하기 위해,

slidesjs 플러그인 의 .goto() 함수를 사용해야 하는데..

이걸 어떻게 호출해야 하는지 한 참 찾다가 드디어.. .data() 를 이용하는 방법을 찾아냈고.

data() 에 사용되는 파라미터는 우연하게 발견하였음.. ㅠ

.Fine.