В Интернете есть много таких примеров, но все они используют другие компоненты, чтобы сделать код запутанным; Существует также использование преобразования в 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, handlevent, 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); loaded ();}});}}}); = function () {var obj = {dom: document.getElementById ('waplistimage'), isupdate: true, time: 3000, iSfor: true, leftorright: 'left', callback: function (obj) {var span = document.getElementById ('waplistimage'). getElementsBytagName ('dl') [0] .getElementsbytagname ('span'); for (var k = 0; k <span.length; k ++) {span [k] .classname = '';} span [obj.index-1]. console.log (obj.index)}}; wapimage.start (obj); wapimage.position (2) var obj2 = {dom: document.getElementbyId ('waplistimage1'), вызов: функция (obj) {// console.log (obj.index)}}; 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 ()