3D調査画像資料
JavaScriptパーツコード
コードコピーは次のとおりです。
<span style = "ホワイトスペース:pre"> </span> var step = 0;
var first = 0;
var lth = document.queryselectorall( '#tobj img')。length;
window.addeventlistener( 'touchstart'、function(e){
E.PreventDefault();
first = 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){
step = lth-1;
}
}
first = x;
document.QuerySelectorall( '#tobj img')[step] .style.display = 'block'
}
})
window.addeventlistener( 'touchend'、function(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){
step = lth-1;
}
}
first = x;
document.QuerySelectorall( '#tobj img')[step] .style.display = 'block'
}