Image Swipe Problem
mixmastertobsi
- css
- javascript
Hallo,
ich habe folgendes Skript und leider gelingt es mir nicht, dass sich der Slider "ruhig" bewegt, wenn man nach links oder rechts "swipt". Ich teste es mit einem Android Handy - auf dem PC und auf dem iPhone ist es OK. Ich habe keine Ahnung, was hier Android macht. :( Habe schon probiert mit den CSS-Transition zu spielen, allerdings bringt das keinen Erfolg
function swipeStatus(event, phase, direction, distance) {
if (phase == "start") {
imgs.removeClass("move");
} else if (phase == "move" && (direction == "left" || direction == "right")) {
if (direction == "left") scrollImages((IMG_WIDTH * currentImg) + distance/2);
else if (direction == "right") scrollImages((IMG_WIDTH * currentImg) - distance/2);
} else if (phase == "end") {
imgs.addClass("move");
if (direction == "right") {
previousImage();
} else if (direction == "left") {
nextImage();
}
}
}
function scrollImages(distance) {
var value = (distance < 0 ? "" : "-") + Math.abs(distance).toString();
imgs.css("transform", "translate(" + value + "px,0)");
}
Lieber mixmastertobsi,
Ich teste es mit einem Android Handy
da wäre jetzt sehr wichtig zu wissen, welcher Browser in welcher Version eingesetzt wird. Der Standardbrowser unter Android ist zwischen den Versionen sehr verändert worden...
Liebe Grüße,
Felix Riesterer.
Hi,
ich nutze hier den aktuellen Chrome-Browser für Android.
Verwende nun translate3D statt translate und es ist schon wesentlich flüssiger.