3D 조사 그림 자료
자바 스크립트 부품 코드
코드 사본은 다음과 같습니다.
<span style = "화이트 공간 : pre"> </span> var step = 0;
var first = 0;
var lth = document.querySelectorall ( '#tobj img'). 길이;
window.addeventListener ( 'touchStart', function (e) {
e.preventDefault ();
첫 번째 = e.touches [0] .pagex;
})
window.addeventListener ( 'touchmove', function (e) {
e.preventDefault ();
var x = e.pagex ||.
document.getElementById ( 'outs'). innerhtml = step;
if (math.abs (x -first)> 10) {
document.queryselectorall ( '#tobj img') [step] .style.display = 'none'
if (x <first) {
단계 ++;
if (step> = lth-1) {
단계 = 0
}
}또 다른{
단계--
if (step <= 0) {
단계 = lth-1;
}
}
첫 번째 = x;
document.queryselectorall ( '#tobj img') [step] .style.display = 'block'
}
})
window.addeventListener ( '터치 엔', 함수 (e) {
e.preventDefault ();
단계 = 단계;
})
핵심 간소화
코드 사본은 다음과 같습니다.
if (math.abs (x -first)> 10) {
document.queryselectorall ( '#tobj img') [step] .style.display = 'none'
if (x <first) {
단계 ++;
if (step> = lth-1) {
단계 = 0
}
}또 다른{
단계--
if (step <= 0) {
단계 = lth-1;
}
}
첫 번째 = x;
document.querySelectorall ( '#tobj img') [step] .style.display = 'block'
}