인터넷에는 그러한 예가 많이 있지만, 모두 다른 구성 요소를 사용하여 코드를 혼란스럽게 만듭니다. CSS3에는 변환의 사용도 있습니다 : 번역 (x, y); 모바일 요소이지만 CSS3를 지원하지 않는 장치에서 수행 된 것을 발견했습니다. 모두가 스스로 하나를 만들기로 결정했지만 많은 문제가있었습니다. 가장 중요한 것은 그림을 연결하는 것이 었습니다. 웹 페이지의 위래 및 다운 스크롤 막대는 그림을 드래그 할 때 스크롤 할 수 없으며 PC 시스템을 드래그하는 것과 호환되지 않습니다. 여기서 나는 발생하는 문제와 해결책을 간단히 소개 할 것입니다.
질문 1 : 이미지에 링크를 추가 한 후에는 항상 드래그 할 때 다른 페이지로 이동합니다.
문제의 주된 이유는 클릭 여부를 결정하는 것이 불가능하기 때문입니다. 휴대 전화 이벤트의 일반적인 순서는 터치 스타트-마우스 타운 -MousEmove-》 마우스 업-》 touchEnd-》 클릭입니다. 전화에 따라 다를 수 있습니다. TouchStart -》 T TouchStart, TouchMove, Touchend 및 TouchEnd 프로세스가 있으면 기본값을 반환하거나 취소하지 않으면 클릭 이벤트가 트리거되므로 웹 페이지가 시작됩니다. 해결책은 터치 스타트 및 터치 모브의 좌표 지점을 기록하고 두 좌표 지점에 따라 접점이 이동했는지 계산하는 것입니다. 그중에서도주의를 기울일 가치가있는 것은 이벤트의 이벤트 매개 변수입니다. 터치 스크린은 일반적으로 event.touches, event.targettouches, event.changedtouches입니다. 테스트에서 세 매개 변수의 값을 찾았습니다. 그러나 터치 엔드 이벤트는 연락처 좌표 (또는 아마도 장치 문제)를 얻지 못할 것입니다. TouchMove는 움직일 때 계속 출발합니다. 때로는 터치 모브가 트리거되지 않습니다. 브라우저에는 선택한 요소에서 접점 (또는 마우스)을 제거하는 기능이 제공됩니다. 예를 들어, 정시에 누르고 잡고있는 상태가 나타납니다 (PC의 그림은 드래그 된 썸네일이 생성됩니다). 이런 식으로 event.preventDefault (); TouchStart (Mousedown)시 기본값을 취소하십시오.
질문 2 : 웹 페이지의 위와 아래 스크롤 막대는 그림을 드래그 할 때 스크롤 할 수 없습니다.
나는이 문제가 그것이 끝나는 한 발생할 것이라고 믿는다. 실제로, 기본 event.preventDefault ()는 이동할 때 (TouchMove, MousEmove)가 취소됩니다. 우리가 여기서해야 할 일은 연락처가 이동했는지 여부와 처음의 연락처가 일관된 지 여부입니다. 일관성이 있으면 직접 돌아갑니다. 또한 X 축이 조금 더 움직이는지 또는 Y 축이 조금 더 움직이는 지 계산해야합니다. 이런 식으로, 우리는 왼쪽과 오른쪽으로 슬라이딩 할 때 기본값을 취소하고 학교에 갈 때 취소하지 않을 수 있습니다.
질문 3 : PC 시스템을 드래그하는 것과 호환되지 않습니다.
이벤트를 바인딩 할 때 이벤트 이름이 TouchStart인지 Mousedown인지 완전히 고려할 수 없기 때문입니다. 온라인으로 검색하여 그렇게하지 않았다고 느꼈으므로 직접 복사했습니다.
this.eventName = {터치 스타트 : '터치 스타트', 터치 모브 : 'touchMove', 터치 엔드 : '터치 엔',}판단
if (! device) {this.eventName.touchStart = 'mousedown'; this.eventName.touchmove = 'mouseMove'; this.eventName.Touchend = 'mouseup';}dom.addeventListener (this.eventName.TouchStart, HandleEvent, False);
이것은 아마도 다른 장치에 따라 다른 이벤트를 묶는 것이 의미 일 것입니다.
사실, 나는 많은 문제를 겪었으므로 하나씩 설명하지 않을 것입니다.
나는 많은 말을하지 않고 코드를 게시하십시오. 나쁜 것이 있다면, 더 많은 의견을 포함 시키십시오.
<! docType html> <html> <head> <meta charset = "utf-8"> <meta content = "width = device-width, 초기 스케일 = 1.0, maximum-scale = 1.0, user-scalable = no"name = "viewport" /> <meta contment = "aple-mobile-web- appp-capable" />>. 이름 = "Apple-Mobile-web-app-status-bar 스타일" /> <메타 내용 = "전화 ="no "name ="format-detection " /> <title> < /title> <style type ="text /css "> html, body,*{margin : 0; 패딩 : 0; 국경 : 0;} #waplistimage1, #waplistimage {너비 : 100%; 오버플로 : 숨겨진; 높이 : 자동; 커서 : 이동; 줌 : 1; 위치 : 상대;}#waplistimage1 ul,#waplistimage1 ul li,#waplistimage1 ul,#waplistimage ul li {list-style;}#waplistimage1 ul, #waplistimage ul {width : 99999px;}#waplistimage1 ul li, #waplistimage 왼쪽;}#waplistimage ul li a img : 포커스,#waplistimage ul li img : checked,#waplistimage ul li a img,#waplistimage ul li a img : active,#waplistimage ul li a,#waplistimage ul li a : waplistimage ul li a : waplistimage {cursor : move; 하단 : 10px; 오른쪽 : 0;}#waplistimage dl span {오버플로 : 숨겨진; 너비 : 10px; 높이 : 10px; 배경색 : #900; 디스플레이 : inline-block;} #waplistimage dl span.selected {back rel = "외부 nofollow"rel = "외부 nofollow"rel = "외부 nofollow"rel = "외부 nofollow"rel = "외부 nofollow"rel = "external nofollow"hrefto = "ddd"target = "_ black"> <img src = "http://file25.mafengwo.net/m00/37/74/wkgb4lm9hb-arjpjaaosx46kq9w39.gonglve.w690.jpeg"> </a> </li> <li> <a href = "javascript : void (0)"external nofolly " nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "hrefto ="ddd "> src = "http://file25.mafengwo.net/m00/f2/06/wkgb4lnahhcasxmdaaftzsuxuwq66.gonglve.w690.jpeg"> </a> </li> <li> <javascript : void (0) "replolarlollow" nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "hrefto ="ddd "> <img src = "http://file25.mafengwo.net/m00/2b/ee/wkgb4lnwdpebvziaawcfrxe2po83.gonglve.w690.jpeg"> </a> </li> <!- <li> <javascript : void (0) "exteral nofolly" nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="external nofollow "rel ="외부 nofollow "rel ="external nofollow "rel ="external nofollow "rel ="external nofollo "hrefto ="ddd "hrefto ="ddd "hrefto =" src = "http://file25.mafengwo.net/m00/37/74/wkgb4lm9hb-arjpjaaosx46kq9w39.gonglve.w690.jpeg"> </a> </li> <li> <a href = "javascript : void (0)"external nofolly " nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="external nofollow "rel ="external nofollow "rel ="external nofollo "hrefto ="ddd "> src = "http://file25.mafengwo.net/m00/f2/06/wkgb4lnahhcasxmdaaftzsuxuwq66.gonglve.w690.jpeg"> </a> </li> <li> <javascript : void (0) "replolarlollow" nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "hrefto ="ddd "> <img src = "http://file25.mafengwo.net/m00/2b/ee/wkgb4lnwdpebvziaawcfrxe2po83.gonglve.w690.jpeg"> </a> </li>-> </ul> <dl> <span> </a>-span> 2 span> 2 span> 2 <Span> 4 </span> <span> 5 </span> <span> <span> 6 </span> -> </dl> </div> <div style = "높이 : 200px;"> </div> <div id = "waplistimage1"> <ul> <li> <a href = "javascript : void (0)"rel = "external nofollow"external nofollow. nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="external nofollow "rel ="외부 nofollow "hrefto ="ddd "target ="<img ". src = "http://file25.mafengwo.net/m00/37/74/wkgb4lm9hb-arjpjaaosx46kq9w39.gonglve.w690.jpeg"> </a> </li> <li> <a href = "javascript : void (0)"external nofolly " nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "hrefto ="ddd "> <img src = "http://file25.mafengwo.net/m00/f2/06/wkgb4lnahhcasxmdaaftzsuxuwq66.gonglve.w690.jpeg"> </a> </li> <li> <javascript : void (0) "replolarlollow" nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "rel ="외부 nofollow "hrefto ="ddd "> <img src = "http://file25.mafengwo.net/m00/2b/ee/wkgb4lnwdpebvziaawcfrxe2po83.gonglve.w690.jpeg"> </a> </a> </i> </ul> </div> <cript type = "text/javaScript">; (/android | webos | iPhone | iPad | iPod | BlackBerry | iEmobile | Opera mini/i.test (navigator.useragent.tolowercase ())); function wapimage () {this.options = {dom : NULL, SPEEST : 200, ISUPDATE : TRUE, TIME : 3000, LEFTORRIGHT : 'LEFT', ISFOR : FALSE : COLLBACK : function () {}}, this.eventName = {터치 스타트 : '터치 스타트', 터치 모브 : ' TouchMove ', Touchend :'Touchend ',}, this.point = {x : 5, y : 5, pagex1 : 0, pagex2 : 0, pagey1 : 0, pagey2 : 0}, page = {bodywidth : 320, domul : null, lilist : null, index : 0, 플래그 : False, Stime : 0, Etime : 0, Isdown : False, Mleft : 0, Back : 30, MoveId : [], NextID : Null : Previd : NULL, ISDOM : FALLE}, this.Event = {handleEvent : function (lib) {event = event? 이벤트 : window.event; // console.log (event.type) switch (event.type) {case "t 날짜 (). gettime (); lib.event.stop (lib, lib); if (event.type == "mousedown") {touch = event; event; event.preventDefault ();} lib.point.pagex1 = lib.point.pagex2 = touch.pagex; lib.point.pagey1 = lib.pagey.pagey2 = lib.pagey2 = lib. t lib.page.mleft : 0; break; case "t t return false;} var changex = lib.point.pagex1- lib.point.pagex2; var changey = lib.point.pagey1- lib.point.pagey2; if (math.abs (changex)> math.abs (changey)) {// 왼쪽 및 왼쪽 이벤트 event.preventDefault (); lib.page.domul.style.marginleft = lib.page.mleft-changex+'px'; if (parsefloat (lib.page.domul.style.marginleft) <=-(lib.page.lilist.length.lengry-1)*lib.page.bodywidth) {lib.page.style.margomeleft = -(lib.page.lilist.length-1)*lib.page.bodywidth+'px'; lib.page.mleft =-(lib.page.lilist.length-1)*lib.page.bodywidth ;} if (parsefloat (lib.page.domul.style.marginleft)> 0) {lib.page.domul.style.marginleft = '0px'; lib.page.mleft = 0;}} else if (math.abs (changey)> math.abs (changex)) {// up and down events} else {// long press or click} break; case "mouseup": case "touchend": if (! lib.page.isdown) return; lib.page.etime = new date (); gettime (); lib.page.mleft = parsefloat (lib.page.domul.style.marginleft); lib.page.mleft = lib.page.mleft? lib.page.mleft : 0; var changex = lib.point.pagex1- lib.point.pagex2; var changey = lib.point.pagey1- lib.point.pagey2; if (math.abs (changex)> math.abs (changey)) {// 왼쪽 및 왼쪽 이벤트 event.preventDefault (); lib.event.move.call (this, lib);} else if (math.abs (changey)> math.abs (math.abs (changex)) {// events lib.event.move.call (this, lib); {// long press} else {// if (event a.getAttribute ( 'target') == 'object') {w.location = a.getAttribute ( 'hrefto')} else {w.open (a.getAttribute ( 'hrefto'));}}} lib.page.isdown = false; break; break;}}, 위치 : index, if (lib, if) {//if (index,) {// lib.page.domul.style.marginleft = -(lib.page.index*lib.page.bodywidth) +'px'; //} else {// lib.page.domul.style.marginleft = -(index*lib.page.bodywidth) +'px'; // lib.page.page.page.page.page. } if (! lib.options.isfor) {if (index == undefined) {lib.page.domul.style.marginleft = -(lib.page.index*lib.page.bodywidth) +'px';} else {lib.page.domul.style.marginleft = -(index -1)*lib.page.page.page. +'px'; lib.page.index = index-1;} lib.options.callback ({ "index": parseint (lib.page.lilist [lib.page.index] .getAttribute ( 'index')) +1});} else {if (index == undefined) {lib.page.style.margine.margome -lib.page.bodywidth +'px';} else {lib.page.domul.style.marginleft = -lib.page.bodywidth +'px'; while (true) {if (parseint (index) == parseint (lib.page.lilist [1] .getAttribute ( 'index')) {break;} lib.page.domul.insertbeforefore (lib.page.lilist [lib.page. lilist.length-1], lib.page.lilist [0]);}} lib.options.callback ({ "index": parseint (lib.page.lilist [1] .getAttribute ( 'index'))+1});}}, stop : 함수 (lib) {for i = 0; i <lib.page.moveid.length; i ++) {clearInterval (lib.page.moveid [i]);} lib.page.moveid = [];}, start : function (lib) {if (lib.options.isupdate) {lib.page.moveid [lib.page.move.move.move.length setInterVal (function () {if (lib.options.leftorright == 'left') {lib.event.next (lib, lib);} else {lib.event.prev (lib, lib);}}, lib.options.time);}, 다음 : function (lib) {// console.log (lib.page.previd.length+"nextid") // for (var n = 0; n <lib.page.previd.length; n ++) {// // clearinterval (lib.page.previd [//}; //}; // lib.page.previd = []; clearinterval (lib.page.previd); lib.page.previd = null; // var left = (lib.page.page.bodywidth-math.abs (lib.point.pagex1-lib.point.pagex2))/lib.options.speed; var yu = math.abs (parseint (lib.page.domul.style.marginleft)); while (true) {if (yu == 0) {yu = lib.page.bodywidth; break;} else if (yu <0) {yu = math.abs (yu); break;} yu = yu-lib.page.bodywidth} // var left = (lib.page.bodywidth-math.abs (parsefloat (lib.page.domul.style.marginleft)%lib.page.bodywidth))/lib.options.speed; var left = yu/lib.options.speed; var c = 0; if (lib.page.index == lib.page.lilist.length-1) {lib.page.flag = false; return;} clearinterVal (lib.page.nextid); lib.page.nextid = window.setInterVal (function () {// lib.event.stop (lib, lib); // if (lib.page.moveid == null) {// clearinterval (id); //} c = c+5; lib.page.style.style.marginleft = (parsefloat (lib.page.domul.style.marginleft) -left*5)+'px'; // console.log ( "next"+lib.page.domul.style.marginleft); if (c> = lib.options.speed || parsefloat (lib.page.domul.style.marginleft) <= -(lib.page.lilist.length-1)*lib.page.bodywidth ) {if (parsefloat (lib.page.domul.style.marginleft) <= -(lib.page.lilist.length -1)*lib.page.bodywidth) {lib.page.domul.style.marginleft = -(lib.page.lilist.length-1)*lib.page.bodywidth+'px';} clearinterval (lib.page.nextid); // for (var n = 0; n = lib.page.nextid.length; n ++) {// clearinterval (lib.page.nextid [0]); //}; lib.page.nextid = []; lib.page.index ++; lib.page.flag = false; lib.event.domupdate.call (this, lib, 'r'); if (lib.page.moveid.length == 0) {lib.event.start (lib, lib);}}, 5);}, prev : function (lib) {// console.log (lib.page.nextid.length+"nextid") // for (var n = 0; n = lib.page.nextid.length; n ++) {// // clearinterval (lib.page.nextid [0]); //} clearinterval (lib.page.nextid); lib.page.page.page.page.page.page.page.page.page. lib.page.nextid = []; // var left = (lib.page.bodywidth-math.abs (lib.point.pagex1-lib.point.pagex2))))/lib.options.speed; // var left = (lib.page.bodywidth-math.abs (parsefloat (lib.page.domul.style.marginleft)%lib.page.bodywidth)))/lib.options.speed; // var left = (lib.page.bodywidth-math.abs (parsefloat (lib.page.domul.style.marginleft)%lib.page.bodywidth))/lib.options.speed; var yu = math.abs (parseint (lib.page.domul.style.marginleft)); // console.log (yu+"-----"+lib.page.domul.style.marginleft) while (true) {if (yu == 0) {yu = lib.page.bodywidth; break;} if (yu <0) {yu = lib.page.bodywidth-math.abs (yu); break;} yu = yu-lib.page.bodywidth} // var left = (lib.page.bodywidth-yu) /lib.options.speed; var left = yu/lib.options.speed; var c = 0, id; if (lib.page.index == 0) {lib.page.flag = false; return;} var ml = parsefloat (lib.page.domul.style.marginleft); clearinterval (lib.page.previd) ;previd.page.puge.page.puge.page.page.page.page.page.page.page.page. window.setInterVal (function () {c = c+5; lib.page.domul.style.marginleft = (parsefloat (lib.page.page.style.marginleft)+왼쪽*5)+'px'; // console.log (lib.page.dom.style.marginleft); parsefloat (lib.page.domul.style.marginleft)> = 0) {if (parsefloat (lib.page.domul.style.marginleft)> = 0) {lib.page.domul.style.marginleft = '0px';} clearinterval (lib.page.previd); n = 0; n <lib.page.previd.length; n ++) {// clearinterval (lib.page.previd [n]); //}; // lib.page.previd = []; lib.page.index-; lib.page.flag = false; lib.event.domupdate.call (this, lib, 'l'); if (lib.page.moveid.length == 0) {lib.event.start (lib, lib);}}, 5);}, move : function (lib) {if (lib.page.flag) return; lib.page.flag = true; if (math.abs (lib.point.pagex1-lib.point.pagex2) <lib.page.back) {var h = math.abs (parsefloat (lib.page.domul.style.marginleft))-Math.abs (lib.page.bodywidth*lib.page.page.page.page.body h/70; var hi = 0; var hi; hid = wind + 'px';} else {lib.page.domul.style.marginleft = (parsefloat (lib.page.domul.style.style.marginleft) + h*5) + 'px';} hi = hi + 5; if (hi> = 70) {clearinterval (hid); domul.margineleft = -(lib.page.index*lib.page.bodywidth) +'px'; lib.page.flag = false;}}, 5); return;} if (lib.point.pagex1-lib.point.pagex2> 0) {lib.event.next.call (this, lib);} if (lib.point.pagex2-lib.point.pagex1> 0) {// console.log ( "===") lib.event.prev.call (this, lib);}}, domupdate : function (lib, type) {if (lib.page.isdom) {lib.page.isdom = true; if (if); lib.page.lilist [lib.page.index] .getAttribute ( 'index'); lib.options.callback ({ "index": parseint (index) +1}); lib.page.isdom = false; return;} if (type == 'l') {lib.page.insertbefore (lib.page.inb. page.lilist.length-1], lib.page.lilist [0]); lib.page.domul.style.marginleft = -lib.page.bodywidth+'px '; // (parsefloat (lib.page.domul.style.marginleft) -lib.page.bodywidth)+'px '; // lib.page.index ++;} else if (type == 'r') {lib.page.domul.appendChild (lib.page.lilist [0]); lib.page.domul.style.marginleft = -lib.page.bodywidth+' px '; // (parsefloat (lib.page.domul.style.marginleft)+lib.page.bodywidth)+'px '; // lib.page.index-;} lib.page.index = 1; // console.log (lib.page.index) var index = lib.page.lilist [lib.page.index] .getAttribute ( 'index'); lib.options.callback ({ "index": parseint (index) +1}); lib.page.isdom = false;}}; wapimage. function (arg) {for (var i in this.options) {this.options [i] = arg [i]! == 정의되지 않았습니까? arg [i] : this.options [i];} if (! device) {this.eventname.touchstart = 'mousedown'; this.eventName.touchmove = 'mouseMove'; this.eventName.touchend = 'mouseup';} // return temp;}, bindevent : var lib = this; 이 alse); w.addeventListener (this.eventName.touchmove, function (event) {lib.event.handleevent.call (lib, event, lib);}, false); w.ad deventListener (this.eventName.touchend, function (event) {lib.event.handleevent.call (lib, event, lib);}, false); w.addeventListener ( 'resize', function () {lib.init ();}, dasse); 이 i = 0; i <this.page.lilist.length; i ++) {var item = this.page.lilist [i]; var img = item.getElementsByTagName ( 'img') [0]; item.setattribute ( 'index', item.style.width = this.page.page.width+'px'; width = 이. 이 this.options.dom.getElementsByTagName ( 'li'); }}, 위치 : 함수 (index) {this.event.position.call (this, this, index);}, 다음 : function () {this.event.next.call (this, this);}, prev : function () {this.event.prev.call (this, this); function (arg) {this.setOption (arg); this.init (); this.position (); this.bindevent (); this.event.domupdate (this, 'l'); this.event.start (this);}}; var loaded = function () {w.wapimage = new wapimage = w.wapimages = new wapimage ();}; (function () {if (d.body) {loaded ();} else {if (d.addeventListener) {d.adeventListener ( 'domcontentLoaded', function () {d.removeEventListener ( 'domcontentloaded', arguments.callee, false); if (d.attachevent) {d.attachevent ( 'on readreadStateChange', function () {if (d.readyState === 'complete') {d.detachevent ( 'on readreadStateChange', arguments.callee); loaded ();}});}}}) ();}) {dom : document.getElementById ( 'waplistimage'), isupdate : true, time : 3000, isfor : true, leftorright : 'left', callback : function (obj) {var span = document.getElementById ( 'waplistimage') 0; k <span.length; k ++) {span [k] .classname = '';} span [obj.index-1] .classname = 'selected'// console.log (obj.index)}}; wapimage.start (obj); wapimage.position (2) varj2 = {wapimage1 ' Callback : function (obj) {// console.log (obj.index)}}}; wapimages.start (obj2); // var img = new W.Wapimage (); // img.start (obj);} </script> </body> </html>용법:
페이지로드가 완료된 후
var obj = {dom : document.getElementById ( 'waplistimage'), // dom element isupdate : true, // 자동으로 전환되는 시간 : 3000, // 자동 전환 시간은 다음과 같습니다. true, // 첫 번째 그림으로 직접 전송하는 것인지, 첫 번째 그림으로 직접 전송 해야하는지, // 오른쪽 콜백의 왼쪽 또는 자동 전환 : function (obj) {// 스위치가 성공적으로 성공적으로 다음과 같은 콜백 함수는 실제로 현재 그림에 대한 인덱스 매개 변수를 가지고 있습니다. // 직접 var span = document.getElementById ( 'wapListImage'). 0; k <span.length; k ++) {span [k] .classname = '';} span [obj.index-1] .classname = 'selected'// console.log (obj.index)}}; wapimage.start (obj); wapimage.position (2)여러 이미지 전환 효과가 필요하지 않으면 코드에서 var loaded = function ()을 찾을 수 있습니다.
전환하고 이름을 설정하는 데 필요한 사진 수를 정의하십시오.
좋다
w.wapimage = new wapimage ();
w.wapimages = new wapimage ();
페이지가로드 된 후 바로 전화 할 수 있습니다.
wapimage.start () 및 wapimages.start ()