Добрый день!Подскажите пожалуйста как можно исправить такую проблему, как обновление скрипта при каждом нажатии картинки?
у меня есть большой сенсорный экран, есть грубо говоря 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>
