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