2011-05-23 132 views
0

我正在嘗試使用JavaScript創建360度圖像查看器,如thisjava腳本360圖像旋轉代碼減慢旋轉

但我無法達到左右導航鏈接的效果(慢慢轉動)。我需要暫時循環迭代,我使用了setInterval()函數,並且它不適合我。 (這個js是用13圖像實現的。)

$(function() { 
var leftImage =1 ; 
var rightImage = 7; 
var frontImage = 4; 
var backImage = 10; 

var arr1 = []; 
for (var x=1; x<= 13; x++) 
    arr1.push("images/"+x + ".jpg"); 

function showImage(img){ 
    $('#mousemove').attr('src', 'images/'+img+'.jpg'); 
} 


function getCurrentImage(){ 
    var src = $("#mousemove").attr("src"); 
    var selected = src.split("/"); 
    var index = selected[1].split("."); 
    var start = parseInt(index[0]); 
    return start; 

} 

$(".pre").click(function(){ 
    var img = getCurrentImage() - 1; 
    if (img==0) img=13; 
     $('#mousemove').attr('src', 'images/'+img+'.jpg'); 
}); 
$(".next").click(function(){ 
    var img = getCurrentImage()+ 1; 
    if (img==13) img=1; 
     $('#mousemove').attr('src', 'images/'+img+'.jpg'); 
}); 

$(".front").click(function(){ 
    var img = getCurrentImage(); 
    while((img-1) != frontImage){ 
     if (img==13) img=1; 
      var reid = setInterval("showImage('+img+')", 5000); 
     img++; 
    }    
}); 
$(".left").click(function(){ 
    var img = getCurrentImage(); 
    while((img-1) != leftImage){ 
     if (img==13) img=1; 
      showImage(img); 
     img++; 
    } 

}); 
$(".back").click(function(){ 
    var img = getCurrentImage(); 
    while((img-1) != backImage){ 
     if (img==13) img=1; 
      showImage(img); 
     img++; 
    } 
}); 
$(".right").click(function(){ 
    var img = getCurrentImage(); 
    while((img-1) != rightImage){ 
     if(img==13) img=1; 
      showImage(img); 
     img++; 
    } 
}); 

$("#mousemove").threesixty({images:arr1, method:'mousemove', 'cycle':2, direction:"backward"}); 
}); 
+0

您目前的睡眠實施令我感到害怕。只需向我們展示setInterval解決方案,我們就會發現,如何解決它。 – gaRex 2011-05-23 09:16:31

+0

我刪除了睡眠函數並放置了以前的setInterval()代碼。請參閱前面的按鈕代碼。 – udimaxweb 2011-05-31 03:40:47

回答

0

這段代碼是什麼意思?

if (something) one=two; 
     someanbother(); 

您是不是要找例如呢?

if (something) { 
    one=two; 
    someanbother(); 
} 
+0

不,我使用13張圖像,所以當它超過13時,將img重置爲1。我不是說像上面這樣的代碼 – udimaxweb 2011-06-02 11:47:33