테스트 사이트 - 개발 중인 베타 버전입니다

MovingBoxes 자동슬라이드 되도록 할때 어떻게 해야되나요? 채택완료

돼지코구뇽 9년 전 조회 2,406

http://jsfiddle.net/Mottie/acV4n/">http://jsfiddle.net/Mottie/acV4n/ 

 

위 예제소스를 보고 이것저것 해보고 있는데 잘안되네요 ㅠ

 

speed는 1000정도로 하고 콜백 리턴도 어떻게 하면 될까요?ㅠ

 

</strong></p><pre class="prettyprint lang-html prettyprinted" style="border-radius: 8px; width: 589.938px; margin: 1em auto; padding: 1em; white-space: pre-wrap; color: rgb(255, 255, 255); font-size: 13px; line-height: 18.2px; background-color: rgb(0, 0, 0);"><span class="tag" style="color: rgb(137, 189, 255);"><script></span><span class="pln">
jQuery</span><span class="pun">(</span><span class="kwd" style="color: rgb(226, 137, 100);">function</span><span class="pun">(){</span><span class="pln">

  jQuery</span><span class="pun">(</span><span class="str" style="color: rgb(101, 176, 66);">'.movingboxes'</span><span class="pun">).</span><span class="pln">movingBoxes</span><span class="pun">({</span><span class="pln">
    startPanel   </span><span class="pun">:</span><span class="pln"> </span><span class="lit" style="color: rgb(51, 135, 204);">1</span><span class="pun">,</span><span class="pln">      </span><span class="com" style="color: rgb(174, 174, 174); font-style: italic;">// start with this panel</span><span class="pln">
    width        </span><span class="pun">:</span><span class="pln"> </span><span class="lit" style="color: rgb(51, 135, 204);">300</span><span class="pun">,</span><span class="pln">    </span><span class="com" style="color: rgb(174, 174, 174); font-style: italic;">// overall width of movingBoxes</span><span class="pln">
    panelWidth   </span><span class="pun">:</span><span class="pln"> </span><span class="lit" style="color: rgb(51, 135, 204);">0.5</span><span class="pun">,</span><span class="pln">    </span><span class="com" style="color: rgb(174, 174, 174); font-style: italic;">// current panel width adjusted to 50% of overall width</span><span class="pln">
    wrap         </span><span class="pun">:</span><span class="pln"> </span><span class="kwd" style="color: rgb(226, 137, 100);">false</span><span class="pun">,</span><span class="pln">  </span><span class="com" style="color: rgb(174, 174, 174); font-style: italic;">// if true, the panel will "wrap" (it really rewinds/fast forwards) at the ends</span><span class="pln">
    buildNav     </span><span class="pun">:</span><span class="pln"> </span><span class="kwd" style="color: rgb(226, 137, 100);">true</span><span class="pun">,</span><span class="pln">   </span><span class="com" style="color: rgb(174, 174, 174); font-style: italic;">// if true, navigation links will be added</span><span class="pln">
    navFormatter </span><span class="pun">:</span><span class="pln"> </span><span class="kwd" style="color: rgb(226, 137, 100);">function</span><span class="pun">(){</span><span class="pln"> </span><span class="kwd" style="color: rgb(226, 137, 100);">return</span><span class="pln"> </span><span class="str" style="color: rgb(101, 176, 66);">"&#9679;"</span><span class="pun">;</span><span class="pln"> </span><span class="pun">}</span><span class="pln"> </span><span class="com" style="color: rgb(174, 174, 174); font-style: italic;">// function which returns the navigation text for each panel</span><span class="pln">
  </span><span class="pun">});</span><span class="pln">

</span><span class="pun">});</span><span class="pln"> </span></pre><p><span style="color: rgb(137, 189, 255); font-size: 13px; line-height: 18.2px; white-space: pre-wrap; background-color: rgb(0, 0, 0);"></script></span></p><p><strong style="color: rgb(127, 127, 127); font-family: 돋움, Dotum, sans-serif; font-size: 12px; letter-spacing: -0.01px; line-height: normal;">
 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

http://jsfiddle.net/acV4n/752/">http://jsfiddle.net/acV4n/752/ 

해당 플러그인에는 자동으로 시작되는 게 없나 봅니다.

setInterval() 사용하시면 될 것 같네요.

callback은 complete : 부분에 작성하시면 될 것 같습니다. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

돼지코구뇽
9년 전
감사합니다 자동스타트는 적용했으나 아직 콜백을 못잡아주고 있네요 ㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인