Question

jQuery图片360度旋转插件spritespin如何加入选择按钮？

想在jQuery图片360度旋转插件spritespin里面加入5个颜色的选择按钮，用的是其中360 spin with 1 sprite / 36 frames代码。

例如，用spritespin可以让这个单车360度旋转展示，但现在想在下面加5个颜色的选择圈圈，点击红色就出现红色的单车360度旋转，点击蓝色就出现蓝色的单车360度旋转，点击黑色就出现黑色的单车360度旋转。。。。。。
自己搞了一个代码出来，但出现了一个问题，默认显示是蓝色的单车，当鼠标左右移动是可以旋转的，当旋转了红色圈圈后，红色的单车出现，也是可以左右旋转的，但如果重新选择蓝色的圈圈，蓝色的单车出现后是无法左右旋转的，用鼠标左右移动蓝色的单车，最后发现是红色的单车被旋转了，不知道具体的问题是出现在哪里呀？？求高手指点！！！！！

<div class="ck-slide">
<ul class="ck-slide-wrapper">
<li>
<div id="360sprite_blue"></div>
</li>
<li style="display:none">
<div id="360sprite_red"></div>
</li>
<li style="display:none">
<div id="360sprite_pink"></div>
</li>
<li style="display:none">
<div id="360sprite_grey"></div>
</li>
<li style="display:none">
<div id="360sprite_black"></div>
</li>
</ul>
<div class="ck-slidebox">
<div class="slideWrap">
<ul class="dot-wrap">
<li class="current"><img src="images/button_blue.png"></li>
<li><img src="images/button_red.png"></li>
<li><img src="images/button_pink.png"></li>
<li><img src="images/button_grey.png"></li>
<li><img src="images/button_black.png"></li>
</ul>
</div>
</div>
</div>

<script type="text/javascript">
$(function(){
$("#360sprite_blue").spritespin({
width : 480,
height : 327,
frames : 32,
framesX : 6,
behavior : "drag",
module : "360",
sense : -1,
source : "image/blue_360.png",
animate : true,
loop : false,
frameWrap : true,
frameTime : 60,
enableCanvas : false
});
$("#360sprite_red").spritespin({
width : 480,
height : 327,
frames : 32,
framesX : 6,
behavior : "drag",
module : "360",
sense : -1,
source : "images/red_360.png",
animate : true,
loop : false,
frameWrap : true,
frameTime : 60,
enableCanvas : false
});
});
</script>

Answer 1

在jquery里可以直接用isNaN()，因为他是JavaScript的类库。是由JavaScript语言写的。
例如：
<script type="text/javascript">
$(document).ready(function(){
alert(isNaN($('#id').val()));
});
</script>可以直接使用

追问

不太明白怎么使用这个isNaN()，请问有相关信息吗？

Answer 2

问题有点复杂，已经私信你，代码可以发给我邮箱看看！

追问

好的