Question

几年前，我的老师让我为他的班级制作网站，我还在为它开发。

我最近添加了一个3D转盘（从围绕物体旋转的相机中渲染出这么多帧）功能。我想要侧面的按钮，这样你就可以点击并按住它，它会以一定的速度运行。（我使用CSS三角形生成器来创建它，但是Jquery没有接收到mousedown事件......我会想出来的......）。介于两者之间的HTML5范围已被风格化。

根据点击的方向箭头，当我达到9或10左右时会出现问题。无论有多少帧，它都想跳到最后。我认为它与我的逻辑有关：

function Turntable(ttMethod) {
    var slider;
    if(typeof ttMethod !== 'undefined') slider = $('#tt-slider-input');
    if(ttMethod == 'rotate') padVal = slider.val();
    else if(ttMethod == 'rotate-r') { // ERROR POSSIBLY IN THESE STATEMENTS
        padVal = slider.val();
        //if(padVal >= slider.attr('max')) padVal = '0000';
        if(padVal >= 0 && padVal < slider.attr('max')) padVal++;
        else if(padVal == slider.attr('max')) padVal = 0;
        else padVal = slider.attr('max');

        //console.log(padVal);

        slider.val(padVal);
    }
    else if(ttMethod == 'rotate-l') { // ERROR POSSIBLY IN THESE STATEMENTS
        padVal = slider.val();
        if(padVal <= slider.attr('max') && padVal > 0) padVal--;
        else if(padVal == 0) padVal = slider.attr('max');
        else padVal = 0;
        //else if(padVal <= 0) padVal = slider.attr('max');

        //console.log(padVal);

        slider.val(padVal);
    }
    else return;

    padVal = pad_with_zeroes(padVal,4);
    $('#turntable').css('background-image','url('+slider.attr('data-folder')+slider.attr('data-base')+padVal+'.'+slider.attr('data-format')+'), url(images/loading.png)');
}

转盘的示例可能如下所示：http://jsfiddle.net/ybDy8/4/ （工作版本位于http://greengoosemarketing.com/。只需点击一个带有浅灰色和深灰色圆圈的缩略图，类似于左下角的转盘。这些是转盘。）

3D物体转盘奇怪地跳到9点左右

0 个答案: