MovingBoxes 자동슬라이드 되도록 할때 어떻게 해야되나요? 채택완료
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);">"●"</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개
http://jsfiddle.net/acV4n/752/">http://jsfiddle.net/acV4n/752/
해당 플러그인에는 자동으로 시작되는 게 없나 봅니다.
setInterval() 사용하시면 될 것 같네요.
callback은 complete : 부분에 작성하시면 될 것 같습니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인