В Интернете есть много таких примеров, но все они используют другие компоненты, чтобы сделать код запутанным; Существует также использование преобразования в CSS3: Transtate (x, y); Мобильные элементы, но я обнаружил, что это было сделано на устройствах, которые не поддерживают CSS3. Все решили сделать один сам по себе, но у них было много проблем. Самым важным было связать картинку. Вверх и вниз полосы прокрутки на веб -странице не могут прокручивать при перетаскивании изображения, и он не совместим с перетаскиванием на компьютерной машине. Здесь я кратко представлю проблемы, встречающиеся и решения;
Вопрос 1: После добавления ссылки на изображение вы всегда прыгаете на другие страницы при перетаскивании;
Основная причина проблемы заключается в том, что невозможно определить, щелкать или перетаскивать. Общий порядок событий мобильного телефона-это TouchStart-》 Mousedown-》 MouseMove-》 MouseUp-》 Touchend-》 Нажмите. Это может варьироваться в зависимости от телефона. TouchStart -》 Touchmove -》 Touchend -》 Click Event выполняется последним. Когда у нас будет процесс TouchStart, Touchmove, Touchend и Touchend, если мы не вернем и не отменим по умолчанию, событие Click будет запускается, поэтому веб -страница отпрыгнет. Решение состоит в том, чтобы записать точки координат TouchStart и Touchmove и вычислять, прошел ли контакт на основе двух точек координат. Среди них, на что стоит обратить внимание, это параметры события мероприятия. Сенсорный экран, как правило, event.touches, event.targettouches, event.changedtouches. Я нашел значения трех параметров в тесте. Тем не менее, стоит отметить, что событие Touchend не получит координаты контактов (или, возможно, проблема с устройством). Touchmove будет продолжать отправляться при переезде. Иногда Touchmove не запускается. Браузер поставляется с функцией для удаления контакта (или мыши) из выбранного элемента. Например, появится нажатие и удержание его вовремя (изображение на ПК будет генерировать перетасную миниатюру). Таким образом, event.preventDefault (); Отмените по умолчанию, когда TouchStart (Mousedown).
ВОПРОС 2: Прокрутка вверх и вниз на веб -странице не может прокручивать при перетаскивании изображения;
Я считаю, что эта проблема будет столкнулась, пока это будет сделано. Фактически, событие по умолчанию.preventDefault () отменяется при перемещении (Touchmove, MouseMove). Что нам нужно сделать здесь, так это то, являются ли контакты перемещены и являются ли контакты в начале последовательными. Если они последовательны, они вернутся напрямую. Также необходимо рассчитать, перемещается ли ось X немного больше или ось Y перемещается немного больше. Таким образом, мы можем отменить по умолчанию при скольжении влево и вправо, а не отменить его, когда ходим в школу;
Вопрос 3: И он не совместим с перетаскиванием на компьютерной машине
Это связано с тем, что при привязывании событий вы не можете полностью рассмотреть, является ли имя события TouchStart или Mousedown. Я искал онлайн и чувствовал, что не делал этого, поэтому я скопировал его напрямую.
this.eventname = {touchstart: 'touchstart', touchmove: 'touchmove', touchend: 'touchend',}Вынесение суждения
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, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" /><meta content="yes" name="apple-mobile-web-app-capable" /><meta content="black" name = "Apple-mobile-web-app-status-bar-стиль" /> <meta content = "thene = no" name = "format-detection" /> <title> < /title> <style type = "text /css"> html, body,*{margin: 0; Заполнение: 0; Border: 0;} #waplistimage1, #waplistimage {width: 100%; переполнение: скрыто; Высота: Авто; курсор: двигаться; Увеличение: 1; Позиция: относительно;}#waplistimage1 ul,#waplistimage1 ul li,#waplistimage1 ul,#waplistimage ul li {list-style: none;}#waplistimage1 ul, #waplistimage ul {width: 9999px;}#waplistimage1 ul li, #WAPLISTIMAGE {ListListImage#WAPLISTIMAGE1 ul Li, #WAPLISTIMAGE {ListListImage#waplistimage# li a img: фокус,#waplistimage ul li a img: cherced,#waplistimage ul li a img,#waplistimage ul li a img: active,#waplistimage ul li a,#waplistimage ul li a: active {cursor: move;}#waplistimage dl {position: absolute; Внизу: 10px; Справа: 0;}#waplistimage dl span {overflow: hidden; ширина: 10px; Высота: 10px; фоновый цвет: #900; display: inline-block;}#wapListImage dl span.selected{ background-color: #000;}</style></head><body><div id="k"><div id="wapListImage"><ul><li><a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" внешний nofollow "hrefto =" ddd "target =" _ Black "> <img src = "http://file25.mafengwo.net/m00/37/74/wkgbb4lm9hb-arjpjaaosx46kq9w39.gonglve.w690.jpeg"> </a> </li> <li> <a href = "Javascript: void (0)" rel "nof nof nof nof nof no". 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/f2/06/wkgbb4lnahhcasxmdaaftzsuxuwq66.gonglve.w690.jpeg"> </a> </li> <li> <a href = javascript: void (0) "relowlow" nof noflowlow "nof relowlow" nof relowlowlow "nof relowlowlow" nof relowollow ". rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "infollow" rel = "verse nofollow" hrefto = "ddd"> <img src = "http://file25.mafengwo.net/m00/2b/ee/wkgb4lnwdpeabvziaawcfrxe2po83.gonglve.w690.jpeg"> </a> </li> <! nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" nofollow "rel =" blackold "rel =" nofollow "hRefto =" ddd "=" _ blackold " src = "http://file25.mafengwo.net/m00/37/74/wkgbb4lm9hb-arjpjaaosx46kq9w39.gonglve.w690.jpeg"> </a> </li> <li> <a href = "Javascript: void (0)" rel "nof nof nof nof nof no". nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" внешний nofollow "rel =" внешний nofollo "rel =" upert nofollo src = "http://file25.mafengwo.net/m00/f2/06/wkgbb4lnahhcasxmdaaftzsuxuwq66.gonglve.w690.jpeg"> </a> </li> <li> <a href = javascript: void (0) "relowlow" nof noflowlow "nof relowlow" nof relowlowlow "nof relowlowlow" nof relowollow ". rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "infollow" hrefto = "ddd"> <img src = "http://file25.mafengwo.net/m00/2b/ee/wkgbb4lnwdpeabvziaawcfrxe2po83.gonglve.w690.jpeg"> </a> </li>-> </ul> <dl> <pran> 1 </span> <pran> </li>-> </ul> <dl> <pran> 1 <pran> <pran> <pran> </span> <pran> <span> <pran> 4 </span> <pan> 5 </span> <pan> <pan> 6 </span> -> </dl> </div> <div style = "height: 200px;"> </div> <div id = "waplistimage1"> <ul> <li> <a href = "javascript: void (0)" rel = ». rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "infollow" rel = "upervollolo src = "http://file25.mafengwo.net/m00/37/74/wkgbb4lm9hb-arjpjaaosx46kq9w39.gonglve.w690.jpeg"> </a> </li> <li> <a href = "Javascript: void (0)" rel "nof nof nof nof nof no". 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/wkgbb4lnahhcasxmdaaftzsuxuwq66.gonglve.w690.jpeg"> </a> </li> <li> <a href = javascript: void (0) "relowlow" nof noflowlow "nof relowlow" nof relowlowlow "nof relowlowlow" nof relowollow ". rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "внешний nofollow" rel = "infollow" hrefto = "ddd"> <img src = "http://file25.mafengwo.net/m00/2b/ee/wkgb4lnwdpeabvziaawcfrxe2po83.gonglve.w690.jpeg"> </a> </li> </ul> </div> <script type = "text/javascript" (w, d) </ul> </div> <script = "javascript">; (/Android | WebOS | iPhone | iPad | iPod | Blackberry | iemobile | Opera mini/i.test (navigator.useragent.tolowercase ())); function wapimage () {this.options = {Dom: Null, скорость: 200, isupdate: true, время: 3000, LeftorRight: 'left', isfor: false, callback: function () {}}, this.eventname = {touchStart: 'touchStart', touchmove: ' Touchmove ', Touchend:' touchend ',}, this.point = {x: 5, y: 5, pagex1: 0, pagex2: 0, pagey1: 0, pagey2: 0}, this.page = {bodywidth: 320, domul: null, lilist: null, index: 0, флаг: false, stime: 0, etime: 0, isdown: false, mleft: 0, назад: 30, MoveId: [], NextId: Null, Previd: Null, Isdom: false}, this.event = {handleevent: function (event, lib) {event = event? Событие: window.event; // console.log (event.type) switch (event.type) {case "touchStart": var touch = event.touches [0]; case "mousedown": if (lib.page.isdow Date (). Gettime (); lib.event.stop (lib, lib); if (event.type == "mousedown") {touch = event; event.preventdefault ();} lib.point.pagex1 = lib.point.pagex2 = touch.pagex; lib.point.pagey1 = lib.point.page. parsefloat (lib.page.domul.style.marginleft); lib.page.mleft = lib.page.mleft? lib.page.mleft: 0; break; case "touchmove": var touch = event.touches [0]; case "mouseMove": if (! lib.page.Isdown) return; if (event.type == "mouseMove") {touch = event;} lib.point.pagex2 = touch.pagex; touch.pagey; if (lib.point.pagex1 == lib.point.pagex2) {event.preventdefault (); вернуть false;} var changex = lib.point.pagex1 - lib.point.pagex2; var изменение = lib.point.pagey1 - lib.point.pagey2; if (math.abs (changex)> math.abs (changey)) {// left and Left Event event.preventDefault (); lib.page.domul.style.marginleft = lib.page.mleft-changex+'px'; if (parsefloat (lib.page.domul.style.marginleft) <=-(lib.page.lilist.length-1)*lib.page.bodywidth) {lib.page.domul.Style.MArgIn. -(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 (изменение)> math.abs (changex)) {// up и down events} else {// long press or click} break; case "mouseup": case "touchend": if (! lib.page.isdown) return; lib.page.etime = new Date (). parsefloat (lib.page.domul.style.marginleft); lib.page.mleft = lib.page.mleft? lib.page.mleft: 0; var informex = lib.point.pagex1 - lib.point.pagex2; var изменение = lib.point.pagey1 - lib.point.pagey2; if (math.abs (изменение)> math.abs (changey)) {// Left and Event.preventDefault (); if (math.abs (изменение)> math.abs (changex)) {// up и down events lib.event.move.call (this, lib);} else {// long press или click if ((lib.page.etime - lib.page.stime)> 300) {// long press} els event.type == 'touchend') {var a = lib.page.lilist [lib.page.index] .getelementsbytagname ('a') [0]; if (typeof a.getattribute ('target') == 'object') {w.location = a.getattribute ('hrefto')} else {w.open (a.getattribute ('hrefto'));}}}} lib.page.iSdow lib.page.domul.style.marginleft = -(lib.page.index*lib.page.bodywidth) +'px'; //} else {// lib.page.domul.style.marginleft = -(index*lib.page.bodywidth) +'px'; } if (! lib.options.isfor) {if (index == undefined) {lib.page.domul.style.marginleft = -(lib.page.index*lib.page.bodywidth) +'px';} els +'px'; lib.page.index = index-1;} lib.options.callback ({"index": parseint (lib.page.lilist [lib.page.index] .getattribute ('index')) +1});} else {if (index == не определено) {lib.page.domul.style -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'))+1) {break;} lib.page.morl.insertbefore (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: function (lib) {for (var 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.moveid.length] = setInterval (function () {if (lib.options.leftorright == 'left') {lib.event.next (lib, lib);} else {lib.event.prev (lib, lib);}}, lib.options.time);}}, next: function (lib) {// console.log (lib.page); n = 0; n <lib.page.previd.length; n ++) {// // clearInterval (lib.page.previd [n]); //}; // lib.page.previd = []; clearInterval (lib.page.previd); lib.page.previd = null; (lib.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.domul.style.marginleft = (parsefloat (lib.page.domul.style.marginleft) -left*5)+'px'; // console.log ("next"+lib.page.domul.style.marginleft); 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, lib);}}, 5); 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.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; 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); window.setInterval (function () {c = c+5; lib.page.domul.style.marginleft = (parsefloat (lib.page.domul.style.marginleft)+слева*5)+'px'; // console.log (lib.page.domul.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, lib);}}}, 5); return; lib.page.flag = true; if (math.abs (lib.point.pagex1-lib.point.pagex2) <lib.page.back) {var h = math.abs (math.abs (parsefloat (lib.page.domul.style.marginleft))-math.abs (lib.page.bodywid. h/70; var hi = 0; var hi; hid = window.setInterval (function () {if (lib.point.pagex2> lib.point.pagex1) {lib.page.domul.style.marginleft = (parsefloat (lib.page.domul.style.marginleft) - h*5) + 'px';} else {lib.page.domul.style.marginleft = (parsefloat (lib.page.domul.style.marginleft) + h*5) + 'px';} hi = hi + 5; if (hi> = 70) {clearinterval (hid); -(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. 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.domul.Insertbe (lib.page. 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.page.page.page.page.page.page.page.bodywidth)+'pxtyle.marginleft) if (type == 'r') {lib.page.domul.appendchild (lib.page.lilist [0]); 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 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: function () {var lib = this; this.page.domul.addeventlistener (this.eventname.touchstart, function (event) {lib.event.handleevent.call (lib, event, lib);}, false); w.addeventListener (this.eventname.touchmove, function (event) {lib.event.call (event); deventListener (this.eventname.touchend, function (event) {lib.event.handleevent.call (lib, event, lib);}, false); w.addeventListener ('resize', function () {lib.init ();}, false);}, init: function () {this.page.bodywidth = cody.body.body.body.body.body.body.body.body.body.body. this.page.lilist = this.options.dom.getelementsbytagname ('li'); this.page.domul = this.options.dom.getelementsbytagname ('ul') [0]; this.options.dom.style.width = this.page.bodywidth+'px'; i = 0; i <this.page.lilist.length; i ++) {var item = this.page.lilist [i]; var img = item.getelementsbytagname ('img') [0]; item.setattribut this.page.bodywidth+'px';} if (this.page.lilist.length <3) {var length = this.page.lilist.length; if (длина == 1) {this.page.domul.appendchild (this.page.lilist [0] .clonenode (true)); this.page.domul.appendchild (this.page.lilist [0] .clonenode (true));} else {for (var i = 0; i <length; i ++) {this.page.domul.appendchild (this.page.lilist [i] .clonenode (true)); this.options.dom.getelementsbytagname ('li'); }}, позиция: function (index) {this.event.position.call (this, this, index);}, next: 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 load = function () {w.wapimage = new wapimage (); w.wapimages = new Wapimage ();}; (function () {if (d.body) {loaded ();} else {if (d.addeventListener) {d.AddeventListener ('domcontentloaded', function () {d.RemoveEventLister ('domconttentload', armiders.callee, false); if (d.attachevent) {d.attachevent ('onreadystateChange', function () {if (d.ReadyState === 'food') {d.detachevent ('onreadyStateChange', arguments.callee); загружен ();}});}}}) () (vary);}}) (vary); {dom: document.getElementbyId ('waplistimage'), isupdate: true, время: 3000, isfor: true, leftorright: 'left', callback: function (obj) {var span = document.getelementbyid ('waplistimage'). getelementsbytagname ('dl') [0] 0; k <span.length; k ++) {span [k] .classname = '';} span [obj.index-1] .classname = 'selected' // console.log (obj.index)}}; wapimage.start (obj); wapimage.position (2) var2 = (dom: document-gitist (1). обратный вызов: 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 isupdate: true, // это автоматически переключать время: 3000, // время автоматического переключения ISFOR: True, // Это зацикленное, то есть, остается ли он остается оставшим Влево или автоматическое переключение на правый обратный вызов: function (obj) {// После успешного переключателя функция обратного вызова фактически имеет параметр индекса к текущему изображению // Обработайте его самим var span = document.getElementbyid ('waplistimage'). getElementsbytagname ('dl') [0] .getElementsbytagname ('span'); 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 logle = function () в коде.
Определите количество изображений, которые вам нужно переключить и установить имя
нравиться
w.wapimage = new wapimage ();
w.wapimages = new Wapimage ();
Вы можете позвонить сразу после загрузки страницы
Wapimage.start () и wapimages.start ()