0

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

我最近添加了一个 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/ ..只需单击浅灰色和深灰色的缩略图左下角类似转盘的圆圈。那些是转盘。）

4

0 回答 0