var autoScrolls = ""; var nos = 0; var max = 0; var cnt = 0; var time = 0; var jsMainImg = ""; var jsIconImg = ""; var iconBtnOn = ""; var iconBtnOff = ""; // ½ÇÇàÇÔ¼ö var autoPlay = function(req) { autoScrolls = req[0].autoScrolls; // ùÇ÷¹ÀÌ ¼³Á¤ nos = req[1].nos; // ÇöÀç À̹ÌÁö ¹øÈ£ max = req[2].max; //·Ñ¸µµÇ´Â ÃÖ´ë ÆäÀÌÁö¼ö cnt = req[3].cnt; // µ¹¾Æ°¡´Â À̹ÌÁö¼ö time = req[4].time; // ·Ñ¸µµÇ´Â ½Ã°£ timeplay = req[5].timeplay; // Á¤ÁöÈÄ ÃÖÃÊ Àç»ý½Ã°£ jsMainImg = req[6].jsMainImg; // ¸ÞÀÎÀ̹ÌÁö·Ñ¸µ ´ëÇ¥ (ID/CLASS) jsIconImg = req[7].jsIconImg; // ¾ÆÀÌÄܷѸµ ´ëÇ¥ (ID/CLASS) jsStopPlay = req[8].jsStopPlay; // Ç÷¹À̽ºÅé´ëÇ¥ (ID/CLASS) iconBtnOn = req[9].iconBtnOn; // ¾ÆÀÌÄܷѸµ ¡Ü À̹ÌÁö iconBtnOff = req[10].iconBtnOff; // ¾ÆÀÌÄܷѸµ ¡Û À̹ÌÁö } // CORE ÇÙ½É var coreChange = function(nos) { $(jsIconImg).find("img:not(:eq("+nos+"))").attr("src",iconBtnOff); // nos¹øÈ£°¡ ¾Æ´Ñ ¸ðµç¾ÆÀÌÄÜ ¡Û¸¦ Ç¥½Ã $(jsIconImg).find("img:eq("+nos+")").attr("src",iconBtnOn); // nos¹øÈ£ ·Ñ¸µ ¾ÆÀÌÄÜ¿¡ ¡Ü ¸¦ Ç¥½Ã $(jsMainImg).find("li").hide(); // ¸ÞÀÎ li¸ðµÎ ÇÏÀ̵å (¸ÞÀÎÀ̹ÌÁö) $(jsMainImg).find("li:eq("+nos+")").show(); // ÇöÀç li¸¸ show (¸ÞÀÎÀ̹ÌÁö) }; // ÃÖÃÊ ½ÃÀÛÇ÷¹ÀÌ var firstStart = function(req){ autoPlay(req); coreChange(nos); mStart(); } // Ç÷¹ÀÌ Å¸ÀÓÇÔ¼ö ½ÃÀÛ var mStart = function(){ if (autoScrolls == true) { popScrollID = setInterval(go,time); // 3ÃÊÈÄ g03 ÇÔ¼ö ½ÇÇà } } // 1´Ü°è ( ·Ñ¸µ¹øÈ£ º¯°æ) var go = function(){ if(nos == max){ // ÇöÀç·Ñ¸µ¹øÈ£¿Í ¸¶Áö¸· ·Ñ¸µ¹øÈ£°¡ ÀÏÄ¡ÇÒ°æ¿ì ·Ñ¸µ1·Î º¯°æ nos = "0"; }else{ //¾Æ´Ï¸é ÇöÀç·Ñ¸µ+1 nos = parseInt(nos)+1; } Mmove(); } // 2´Ü°è ÄÚ¾îüũÇÔ¼ö , Ç÷¹ÀÌ°ªÀç¼³Á¤) var Mmove = function(){ coreChangeYn(); // ÄÚ¾îÅ×½ºÆ® clearInterval(popScrollID); // ¼³Á¤µÈ°ª ÀÏ´ÜÃë¼Ò // Ç÷¹ÀÌ°¡ Àç»ýÁßÀ̸é ÀÚµ¿Ç÷¹ÀÌ Àç¼³Á¤ if(autoScrolls == true){ popScrollID = setInterval(go,time); } } // 2-1´Ü°è (ÄÚ¾îÅ×½ºÆ®) var coreChangeYn = function(){ for(i=0;i<=max;i++){ // 1¹øºÎÅÍ ¸¶Áö¸· ·Ñ¸µ±îÁö üũ if(i == nos){ coreChange(nos); } else { $(jsIconImg).find("img:eq("+i+")").attr("src",iconBtnOff); // ÇöÀç·Ñ¸µ ¾ÆÀÌÄÜ¿¡ ¡Û ¸¦ Ç¥½Ã } } } $(document).ready(function() { /* ---------»ç¿ëÀÚ º¯°æ----------------------------------------------------- */ firstStart([ {"autoScrolls":true}, // ùÇ÷¹ÀÌ ¼³Á¤ {"nos":0}, // ÇöÀçÀ̹ÌÁö¹øÈ£ {"max":3}, // ·Ñ¸µµÇ´Â ¹øÈ£ {"cnt":4}, // µ¹¾Æ°¡´Â À̹ÌÁö¼ö {"time":5000}, // À̹ÌÁö ·Ñ¸µµÇ´Â ½Ã°£ {"timeplay":4000}, // Á¤ÁöÈÄ Àç»ý½Ã ŸÀӽ𣼳Á¤ {"jsMainImg":"#js_mainImg"}, // ¸ÞÀηѸµ´ëÇ¥¼³Á¤(1) {"jsIconImg":"#js_icon"}, // Æ÷ÀÎÆ®·Ñ¸µ´ëÇ¥¼³Á¤(2) {"jsStopPlay":".playImg"}, // Á¤ÁöÇ÷¹À̼³Á¤(3) {"iconBtnOn":"/base/img/img/icon01_on.png"}, // ¾ÆÀÌÄÜ On(4) {"iconBtnOff":"/base/img/img/icon01_off.png"}, // ¾ÆÀÌÄÜ Off(5) ]); /* ---------»ç¿ëÀÚ º¯°æ----------------------------------------------------- */ // Æ÷ÀÎÆ® Ŭ¸¯<À̺¥Æ®> $(jsIconImg).find("li").click(function() { // ÇöÀç Æ÷ÀÎƮŬ¸¯¹øÈ£ nos = $(this).index(); coreChange(nos); }); // Ç÷¹ÀÌ ¹öÆ° on / off <À̺¥Æ®> $(jsStopPlay).click(function() { // Ç÷¹À̹öÆ° Ŭ¸¯ÇÒ°æ¿ì if(autoScrolls == false){ autoScrolls = true; // Ç÷¹ÀÌ·Î º¯°æ popScrollID = setInterval(go,timeplay); // Ç÷¹ÀÌ 4ÃÊÈÄ ½ÇÇà $(jsStopPlay).hide(); $(jsStopPlay+":eq(0)").show(); }else{ autoScrolls = false; clearInterval(popScrollID); $(jsStopPlay).hide(); $(jsStopPlay+":eq(1)").show(); } }); // ÀÌÀü¹öÆ° Ŭ¸¯<À̺¥Æ®> $("#js_btn_prev").click(function() { if (nos ==0) { pn_com("normal",max); } else { pn_com("minus",nos); } }); // ´ÙÀ½¹öÆ° Ŭ¸¯<À̺¥Æ®> $("#js_btn_next").click(function() { if(nos==max) { pn_com("normal",0); } else { pn_com("plus",nos); } }); /*°øÅë(ÀÌÀü/´ÙÀ½)¹öÆ°*/ var pn_com = function(type, req) { if(type == "normal") { nos = req; } else if (type == "minus") { nos=parseInt(nos)-1 } else if (type == "plus") { nos=parseInt(nos)+1 } coreChange(nos); } });