Изменение координат картинок
Добрый день!Подскажите пожалуйста как можно исправить такую проблему, как обновление скрипта при каждом нажатии картинки?
у меня есть большой сенсорный экран, есть грубо говоря 3 фотографии которые поддерживают тач действия, всё замечательно кроме того что, если я отпустил фотографию и опять на неё нажимаю, фото скидывает в начально заданные координаты, как мне сделать чтобы фото оставалось на том месте где я её оставил без зброса script type="text/javascript" charset="utf-8"> S2.enableMultitouchSupport = true; (function(){ // helper for color wheel function hsvToRgb(hue, saturation, value){ var red=0, green=0, blue=0; if (value!=0) { var i = Math.floor(hue * 6), f = (hue * 6) - i, p = value * (1 - saturation), q = value * (1 - (saturation * f)), t = value * (1 - (saturation * (1 - f))); switch(i){ case 1: red = q; green = value; blue = p; break; case 2: red = p; green = value; blue = t; break; case 3: red = p; green = q; blue = value; break; case 4: red = t; green = p; blue = value; break; case 5: red = value; green = p; blue = q; break; case 6: case 0: red = value; green = t; blue = p; break; } } return {r: red, g: green, b: blue}; } // initial position & rotation var p = [ [300, 200, 350, 1], [200, 220, 350, 2], [350, 180, 350, 0], [350, 180, 350, 3], [450, 480, 350, 4], [250, 420, 350, 5], ], z = 1, FRICTION = 2.5; $$('.manipulate').each(function(img,i){ img.style.cssText += ';position:absolute;'+ 'left:'+(p[i][0]+500)+'px;top:'+(p[i][1]-1000)+'px;'+ 'width:'+p[i][2]+'px;'; img.transform({ rotation: p[i][3] }); img.morph('left:'+p[i][0]+'px;top:'+p[i][1]+'px',{duration:2,delay:i/2}); // image rotating and scaling img.observe('manipulate:update', function(event){ if(img.full) return; // limit scaling to 0.35 to 10 var scale = event.memo.scale < 0.35 ? 0.35 : event.memo.scale > 10 ? 10 : event.memo.scale; img.style.cssText += ';z-index:'+(z++)+';left:'+(p[i][0]+event.memo.panX)+ 'px;top:'+(p[i][1]+event.memo.panY)+'px;'+ ';'; img.transform({ rotation: p[i][3]+event.memo.rotation, scale: scale }); img._x = p[i][0]+event.memo.panX; img._y = p[i][1]+event.memo.panY; event.stop(); }); // tap long to active zoom img.observe('contextmenu', function(event){ if(!img.full){ img._css = img.style.cssText; img.transform({ rotation: 0, scale: 3 }); var dims = document.viewport.getDimensions(); var dx = img._x+(img.width+40)/2, dy = img._y+(img.height+40)/2; var cx = -10000-(dx-10000) + dims.width/2, cy = -10000-(dy-10000) + dims.height/2; img.full = true; } else { img.style.cssText = img._css; img.full = false; } event.stop(event); }); }); // color wheel - rotate to change the background color hue $('colorpicker').observe('manipulate:update', function(event){ var c = hsvToRgb(event.memo.rotation/(2*Math.PI),0.5,0.5); c = (c.r*255).round().toColorPart() + (c.g*255).round().toColorPart() + (c.b*255).round().toColorPart(); $('colorpicker').transform({ rotation: event.memo.rotation }); document.body.style.cssText += ';background-color:#'+c; }); })(); </script> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script><script src="./scripty2 demo Photo fun_files/ga.js" type="text/javascript"></script> <script type="text/javascript">try{var pageTracker=_gat._getTracker("UA-2732152-10");pageTracker._trackPageview();}catch(err){}</script> |
Часовой пояс GMT +3, время: 15:09. |