0
我正在嘗試使用JavaScript創建360度圖像查看器,如this。java腳本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"});
});
您目前的睡眠實施令我感到害怕。只需向我們展示setInterval解決方案,我們就會發現,如何解決它。 – gaRex 2011-05-23 09:16:31
我刪除了睡眠函數並放置了以前的setInterval()代碼。請參閱前面的按鈕代碼。 – udimaxweb 2011-05-31 03:40:47